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");

效果如下：

 

如有表述不准确之处，欢迎指正，欢迎补充，感谢阅读。