JavaScript DOM操作Select下拉框

ゝ一世哀愁。 2022-06-07 07:26 447阅读 0赞

# DOM操作Select下拉框： #

### 获取select选中的option值，修改选中的选项，添加选项option。 ###

<body>
    <script type="text/javascript">
       function show() {
            var select = document.getElementById("h");
            alert(select.value);//获取选中的值
        }
        function change() {
            var select = document.getElementById("h");
            select.options[0].selected = true;//改变选中项
        }
        function addOption() {
            var select = document.getElementById("h");
            var option = new Option("乒乓球","乒乓球");//new Option(text,value);创建Option对象。
            select.add(option);//添加选项
        }
    </script>
    
    <div id="div">
        <form action="reg.do">
            <select name="habbit" id="h">
                <option value="篮球">篮球</option>
                <option value="皮球">皮球</option>
                <option value="羽毛球">羽毛球</option>
            </select>
            <input type="button" οnclick="show()" value="显示爱好">
            <input type="button" οnclick="change()" value="改变爱好">
            <input type="button" οnclick="addOption()" value="添加选项">
        </form>
    </div>
    
    </body>

发表评论取消回复

表情：

评论列表（有 0 条评论，447人围观）

还没有评论，来说两句吧...

相关阅读

相关下拉框Select类

导入 from selenium.webdriver.support.select import Select 方法 select\_by\_index()

r囧r小猫/ 2023年02月17日 02:20/ 0 赞/ 59 阅读

相关 jquery操作下拉框select

Jquery操作select标签选中、更改选中、清空、删除和增加： <html xmlns="http://www.w3.org/1999/xhtml"> <

╰半橙微兮°/ 2022年09月22日 11:38/ 0 赞/ 309 阅读

相关深究AngularJS——下拉框（selected）

即使写一个下拉框，也会有多种情况，我这里讲讲我遇到过的。 1. 将值写死的情况： <body> <div ng-app="myApp" ng-contr

ゞ浴缸里的玫瑰/ 2022年07月24日 04:21/ 0 赞/ 249 阅读

相关 JavaScript DOM操作Select下拉框

DOM操作Select下拉框：获取select选中的option值，修改选中的选项，添加选项option。 <body> <script type

ゝ一世哀愁。/ 2022年06月07日 07:26/ 0 赞/ 448 阅读

相关 Angular4---select下拉框

强烈推荐一个大神的人工智能的教程：[http://www.captainbed.net/zhanghan][http_www.captainbed.net_zhanghan]

偏执的太偏执、/ 2022年06月06日 22:43/ 0 赞/ 406 阅读

相关 HTML-模拟select下拉框

html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <tit

逃离我推掉我的手/ 2022年04月22日 09:02/ 0 赞/ 381 阅读

相关 select下拉框笔记

以前记得select很溜的，好久没写前端都忘完了，把以前的代码又看了下，得做笔记啊一 2018-09-08 09:11:40 select里面应当填充List<

╰+哭是因爲堅強的太久メ/ 2022年04月16日 04:40/ 0 赞/ 388 阅读

相关 javascript操作select下拉列表框的一点小经验

今天客户对项目提出新需求，要求商品品牌不但能选择，还要能够录入，而且录入的品牌名称必须是下拉列表框里面的相（由于商品品牌太多，不好选择，所以有此要求；在此将我的处理方法记录一下

小灰灰/ 2022年01月10日 15:39/ 0 赞/ 207 阅读

相关 <select>下拉选择框

下拉选择框示例: <select id="DropDownList\_use" class="txt" onchange="selectSort(this.value

布满荆棘的人生/ 2021年10月23日 08:41/ 0 赞/ 557 阅读

相关 select下拉框重置

$('exId').select2("val", ""); $("select:first option:first").attr("selected",tru

淡淡的烟草味﹌/ 2021年09月16日 19:54/ 0 赞/ 768 阅读