W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <form> <select id="mySelect" size="8"> <option>苹果</option> <option>桃子</option> <option>香蕉</option> <option>桔子</option> </select> </form> <p>请点击按钮，在下拉列表的索引位置“1”处增加一个“猕猴桃”选项。</p> <button type="button" onclick="myFunction()">插入选项</button> <script> function myFunction() { var x = document.getElementById("mySelect"); var c = document.createElement("option"); c.text = "猕猴桃"; x.options.add(c, 1); } </script> </body> </html>