js操作selected元素的方法

本文介绍如何获取Select控件的当前选中值及如何动态修改Select控件中的选项。包括使用options数组属性遍历查找选中项及利用remove和newOption方法进行选项的增删。


1、怎么取得页面上一个select控件的当前选择的值?
select控件有一个options数组属性,就是它的各个option。通过遍历options数组,判断哪个option的
selected==true来找到当前选中的option,通过option.value来得到当前select的值

2,怎么动态改变一个select里面的选项。
通过options.remove(i),来删除select的一个option。
通过options[i] = new Option("text","value");来添加一个option

例子:

1. var selectvar = docuemnt.all('下拉名字');
var options = selectvar.options;
var index = selectvar.selectedIndex;
var selectvalue = options[index ];
2. 通过options.remove(i),来删除select的一个option。
通过options[i] = new Option("text","value");来添加一个option


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值