new Option()函数的作用

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

作用:用于创建一个新的选项

Option()构造函数接受两个参数:文本(text)和值(value);第二个参数可选.虽然这个构造函数会创建一个Object的实例,但是兼容DOM的浏览器会返回一个<option>元素。我们依然可以使用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("文本值","值"));
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值