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("文本值","值"));