浅析JQuery获取和设置Select选项的常用方法总结

本篇文章是对JQuery获取和设置Select选项的一些常用方法进行了汇总介绍有需要的朋友可以参考一下

获取select 选中的 text:
$("#cusChildTypeId")find("option:selected")text();
$("#cusChildTypeId option:selected")text()

获取select选中的 value
$("#ddlRegType ")val();

获取select选中的索引:
$("#ddlRegType ")get()selectedIndex;

得到select项的个数
$("#cusChildTypeId")get()optionslength

设置select 选中的索引
$("#cusChildTypeId")get()selectedIndex=index;//index为索引值

设置select 选中的value
$("#cusChildTypeId")attr("value""Normal");
$("#cusChildTypeId")val("Normal");
$("#cusChildTypeId")get()value = "Normal";

设置select 选中的text:
>var count=$("#cusChildTypeId")get()optionslength;
for(var i=;i<count;i++)
{
if($("#cusChildTypeId")get()optionstext == text)
{
$("#cusChildTypeId")get()optionsselected = true;
break;
}
}

>$("#cusChildTypeId")val(text);
$("#cusChildTypeId")change();

向select中添加一项显示内容为text值为value
$("#cusChildTypeId")get()optionsadd(new Option(textvalue));

删除select中值为value的项
var count = $("#cusChildTypeId")size();
for(var i=;i<count;i++)
{
if($("#cusChildTypeId")get()options[i]value == value)
{
$("#cusChildTypeId")get()remove(i);
break;
}
}

清空 Select:
> $("#cusChildTypeId")empty();
> $("#cusChildTypeId")get()optionslength = ;