JS操作SELECT表单方法收集(赋默认值,取值,增,删等)

发布时间:2020-03-22编辑:脚本学堂
本文收集了一些常用的,用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[selectId.options.length] = varOption;
//或selectId.options.add(varOption);

从select选项中 删除一个Option
 

for(var i=0;i<selectId.options.length;i++)
{
if(selectId.options[i].value == objOptionValue)
{
selectId.options.remove(i);
break;
}
}

设置select中text=”paraText”的第一个Option为选中
 

for(var i=0;i<selectId.options.length;i++)
{
if(selectId.options[i].text == objOptionText)
{
selectId.options[i].selected = true;
isExit = true;
break;
}
}

设置select中value=”paraValue”的Option为选中
 

selectId.value = objOptionValue;

得到select的当前选中项的value
 

var currSelectValue = selectId.value;

得到select的当前选中项的text
 

var currSelectText = selectId.options[selectId.selectedIndex].text;

得到select的当前选中项的Index
 

var currSelectIndex = selectId.selectedIndex;

建议收藏或分享下本文,以免用到时找不着,多纠结哦。