用JavaScript往select元素中添加new option下拉选项


发布者 ourjs  发布时间 1541929564593
关键字 JS学习  JavaScript 

方法一:用原生JavaScript创建


新建option对象,appendChild

select = document.getElementById('selectElementId');
var opt = document.createElement('option');
opt.value = value;
opt.innerHTML = innerHTML;
select.appendChild(opt);

使用options的add方法:

var obj=document.getElementById("select1");
obj.options.add(new Option(text,value));


方法二:jquery添加


$.each(selectValues, function(key, value) {   
     $('#mySelect')
         .append($("<option></option>")
                    .attr("value",key)
                    .text(value)); 
});

jQuery更简洁的写法:

$('#mySelect').append($("<option/>", {
    value: key,
    text: value
}));