select添加option

本文介紹select添加option的兩種方法

1、使用selectObject.add(option,before)方法，其中

option為要添加選項元素。必需是 option 或 optgroup 元素

before為在選項數組的該元素之前增加新的元素。如果該參數是null，元素添加到選項數組的末尾

2、new一個option對象，然后把它添加到select中

dom結構如下：

<select name="mySelect" id="mySelect">
    <option value="請選擇">請選擇</option>
</select>

js代碼如下：

var mySelect = document.getElementById("mySelect");
var addOption1 = function(select,txt,value,num){
    select.add(new Option(txt,value),num);
}
var addOption2 = function(select,txt,value){
    var opt = new Option(txt,value);
    console.log(typeof opt)
    select.appendChild(opt);
}
addOption1(mySelect,"A","a");
addOption1(mySelect,"first","1",0);
addOption2(mySelect,"B","b");

效果如下：

 

如有表述不准確之處，歡迎指正，歡迎補充，感謝閱讀。