用JavaScript往select元素中新增new option下拉選項
方法一:用原生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 }));