new Option那些事

Option()构造函数接受两个参数：文本(text)和值(value);第二个参数可选.虽然这个构造函数会创建一个Object的实例，但是兼容DOM的浏览器会返回一个元素。我们依然可以使用appendChild()将新的选项加到选择框中。例如：

var newOption = new Option(“Option text”,“Option value”);
selectbox.appendChild(newOption);
1
2
这种方式在除IE之外的浏览器都可以使用。由于存在BUG,IE在这种方式下不能正确设置新选项的文本。

js中创建option选项的方法
第一种：
上面陈述的那一种，使用Option构造函数动态创建新的选项，兼容DOM的浏览器会返回一个，我们依然可以使用appendChild()将新的选项添加到选择框中，代码如上。
第二种：
使用JS动态创建选项，并将它们添加到选项框中去。

var selectbox = document.getElementBy(“selLocation”);
var newOption = document.createElement(“option”);
newOption.appendChild(document.createTextNode(“Option text”));//createTextNode()函数可返回一个文本对象
newOption.setAttribute(“value”,“Option value”);
//setAttribute()函数先创建参数一这个属性值，然后设置它的值（参数二）
第三种：
添加选项方式使用add()方法。

obj.options.add(new Option(“文本值”,“值”));

版权声明：本文为CSDN博主「hhthwx」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/hhthwx/article/details/78016289