信鸽网

javascript操作HTML标签select

  作者：bea

HTML标签select是下拉菜单标签，使用javascript操作这个HTML标签，能够实现一系列的下拉选择事件。 Html中Select在JS中的操作 //添加 var Select1= document.getElementById("Select1"); 1.Select1.options[0]=new Option('a','0'); 或 2.Select1.options.add(new Option('a','0'));
HTML标签select是下拉菜单标签，使用javascript操作这个HTML标签，能够实现一系列的下拉选择事件。

Html中Select在JS中的操作

//添加
var Select1= document.getElementById("Select1");

1.Select1.options[0]=new Option('a','0');

或

2.Select1.options.add(new Option('a','0'));

其中1的options[0]，0是索引，所以好一点
//获取当前的value值
var www=Select1.value;
//获取当前的text值
var w=Select1.options[Select1.selectedIndex].text;
//动态删除select中的所有options
Select1.options.length=0;
//动态删除select中的某一项option：
Select1.options.remove(indx);
//获取value
Select1.options[Select1.selectedIndex].value
//获取value
Select1.options[Select1.selectedIndex].text

//给select赋值

Select1.value=某个值就行了。

有用  |  无用

猜你喜欢

您可能感兴趣的文章: