W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <body> <form> <select id="mySelect" size="8"> <option>苹果</option> <option>桃子</option> <option>香蕉</option> <option>桔子</option> </select> </form> <br> <p>在下拉列表中选择一个选项。然后点击下面的按钮，在选中的选项前添加一个“猕猴桃”选项。</p> <button type="button" onclick="myFunction()">在被选项之前插入新选项</button> <script> function myFunction() { var x = document.getElementById("mySelect"); if (x.selectedIndex >= 0) { var option = document.createElement("option"); option.text = "猕猴桃"; var sel = x.options[x.selectedIndex]; x.add(option, sel); } } </script> </body> </html>