Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> Select your favorite fruit: <select id="mySelect"> <option>Apple</option> <option>Orange</option> <option>Pineapple</option> <option>Banana</option> </select> <p>Click the button to display the text and index of all options in the dropdown list.</p> <button type="button" onclick="myFunction()">Try it</button> <script> function myFunction() { var x = document.getElementById("mySelect"); var txt = "All options: "; var i; for (i = 0; i < x.length; i++) { txt = txt + "\n" + x.options[i].text + " has index: " + x.options[i].index; } alert(txt); } </script> </body> </html>
