JS三级联动new Option()函数的做用

在作三级联动的时候碰见了这个函数，对函数的用法进行一下小总结，不太详细，敬请谅解。

做用：用于建立一个新的选项

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

var newOption = new Option("Option text","Option value");
selectbox.appendChild(newOption);

这种方式在除IE以外的浏览器均可以使用。因为存在BUG,IE在这种方式下不能正确设置新选项的文本。

js中建立option选项的方法
第一种：
上面陈述的那一种，使用Option构造函数动态建立新的选项，兼容DOM的浏览器会返回一个<option>，咱们依然能够使用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("文本值","值"));