使用JS添加删除select选项

一、步骤

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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值