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的浏览器会返回一个,我们依然可以使用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("文本值","值"));

你可能感兴趣的:(js)