W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> 请选择您最喜欢的水果： <select id="mySelect"> <option>苹果</option> <option>桔子</option> <option>凤梨</option> <option>香蕉</option> </select> <p>单击该按钮可显示下拉列表中所有选项的文本和索引。</p> <button type="button" onclick="myFunction()">试一试</button> <script> function myFunction() { var x = document.getElementById("mySelect"); var txt = "所有选项："; var i; for (i = 0; i < x.length; i++) { txt = txt + "\n" + x.options[i].text + "的索引是：" + x.options[i].index; } alert(txt); } </script> </body> </html>