JQuery 获取和设置Select选项方法

于 2010-03-26 15:36:00 发布 · 116 阅读

文章标签：

本文介绍了使用JQuery获取和设置Select元素的方法，包括获取选中项的文本、值及索引，以及如何设置选中项的索引、值和文本等。此外还提供了清空Select元素的内容。

JQuery获取和设置Select选项

获取Select ：

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

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

设置select:

设置select 选中的索引：
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value：
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType ").size();
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options.text == text)
{
$("#ddlRegType ").get(0).options.selected = true;

break;
}
}

清空 Select:
$("#ddlRegType ").empty();

ref:http://blog.youkuaiyun.com/Feiin/archive/2009/02/16/3896937.aspx