JS动态创建Select的option

宋伯寅
2023-12-01

前三种配合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);
 类似资料: