使用JS添加删除select选项

来源：互联网发布：大数据培训达内就业编辑：程序博客网时间：2024/06/05 05:51

一、步骤

1.获得文本框的值

    var text = document.getElementById("op").value;

2.创建选项对象

    var op = new Option(text);

3.添加选项

    show.options[show.options.length] = op;

二、代码

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <script type="text/javascript">            var add = function(){                var show = document.getElementById("show")                var op = new Option(document.getElementById("op").value);                show.options[show.options.length] = op;            }            var del = function(){                var show = document.getElementById("show")                if(show.options.length>0){                    show.remove(show.options.length-1);                }            }        </script>    </head>    <body>        <input id = "op" type="text" />        <input type="button" value="增加" onclick="add()"/>        <input type="button" value="删除" onclick="del()"/><br/>        <select id="show" size="8" style="width: 120px;"></select>    </body></html>

阅读全文

0 0