栏目导航

热点推荐

阅览排行

当前位置：主页>网络编程>Javascript教程>资讯:jquery获得下拉框值的代码

jquery获得下拉框值的代码

www.jz123.cn 2012-03-19 来源: 站长家园责任编辑(袁袁) 我要投递新闻

jquery获得下拉框值的代码，使用jquery的朋友可以参考下。

获取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 option").length; 
for(var i=0;i{ if($("#ddlRegType ").get(0).options[i].text == text) 
{ 
$("#ddlRegType ").get(0).options[i].selected = true; 
break; 
} 
} 

$("#select_id option[text='jQuery']").attr("selected", true); 

设置select option项:

代码如下:

$("#select_id").append("

Text"); //添加一项option 
$("#select_id").prepend("

请选择"); //在前面插入一项option 
$("#select_id option:last").remove(); //删除索引值最大的Option 
$("#select_id option[index='0']").remove();//删除索引值为0的Option 
$("#select_id option[value='3']").remove(); //删除值为3的Option 
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option 

清空 Select:

$("#ddlRegType ").empty();

顶一下

上一篇：用JQuery模仿淘宝的图片放大镜显示效果下一篇：JavaScript 判断日期格式是否正确的代码

栏目导航

热点推荐

阅览排行

jquery获得下拉框值的代码

相关文章列表

评论总数：0 条 [ 查看全部 ] 网友评论