JS动态创建Select的option

最新推荐文章于 2024-06-25 15:10:00 发布

原创最新推荐文章于 2024-06-25 15:10:00 发布 · 1.1w 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了四种使用JQuery操作HTML中Select元素的方法，包括添加选项、设置默认选中项等实用技巧。

前三种配合JQuery使用

方法一：

$("#commerce").html('<option value="OK">LaLA</option>');

================

方法二：

$("#commerce").append("<option value='OK'>LaLA</option>");

================

方法三：

var slt=$('<select>',{name:"commerce" });
    $(slt)[0].options.add(new Option("请选择","0"));
    $(slt)[0].options.add(new Option("China","CN"));
    $(slt)[0].options[1].selected=true//这样就是选中第二个option
    $("body").append(slt);

===================

方法四：

var text = "test";   
        var params_select = document.getElementById("district");
        
        //创建标签
        var opt = document.createElement("option");
        
        //创建文本
        var _text = document.createTextNode(text);
        
        //把文本赋给标签
        opt.appendChild(_text);
        
        //属性赋值
        opt.setAttribute("value","lala");
        
        //添加
        params_select.appendChild(opt);