sisi1984117 发表于 2013-1-22 22:41:33

【转】JS操作SELECT表单大全,赋默认值,取值,增,删等

转载地址:http://www.enjoyphp.com/2009/05/05/javascript/js-select/

经常用到的代码,却总是忘掉。总结一下,放在这里。
在下面所有代码前最好加上这句:

var selectId=document.getElemengById('selectId');
清空select的项
selectId.options.length = 0;
如果留下第一行的话就是
selectId.options.length = 1;
向select选项中 加入一个Option
 

var varOption = new Option(objOptionText,objOptionValue);
 
selectId.options = varOption;
//或selectId.options.add(varOption);
从select选项中 删除一个Option
for(var i=0;i<selectId.options.length;i++)
{
if(selectId.options.value == objOptionValue)
{
selectId.options.remove(i);
break;
}
}
设置select中text=”paraText”的第一个Option为选中
 

for(var i=0;i<selectId.options.length;i++)
 
{
if(selectId.options.text == objOptionText)
{
selectId.options.selected = true;
isExit = true;
break;
}
}
设置select中value=”paraValue”的Option为选中
selectId.value = objOptionValue;
得到select的当前选中项的value
var currSelectValue = selectId.value;
得到select的当前选中项的text
var currSelectText = selectId.options.text;
得到select的当前选中项的Index
var currSelectIndex = selectId.selectedIndex;
页: [1]
查看完整版本: 【转】JS操作SELECT表单大全,赋默认值,取值,增,删等