JQuery 获取和设置Select选项的代码

2016-02-19 14:12 8 1 收藏

今天图老师小编给大家精心推荐个JQuery 获取和设置Select选项的代码教程，一起来看看过程究竟如何进行吧！喜欢还请点个赞哦~

【 tulaoshi.com - Web开发】

获取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;icount;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
清空 Select:
$("#ddlRegType ").empty();

来源:http://www.tulaoshi.com/n/20160219/1606427.html

上一篇：基于JMX通知框架的AJAX深度开发
下一篇： jQuery学习4 浏览器的事件模型

看过《JQuery 获取和设置Select选项的代码》的人还看了以下文章更多>>

JQuery Tab选项卡效果代码改进版

标签： Web开发

介绍的是基于JQuery实现的一个选项卡效果，重点体现在HTML里没有内联事件处理程序，而是定义在js文件里，做到行为与结构的分离。在实际应用过程中，只要保证选项卡模块结构代码的完整性，就可以任意添加N个同类选项卡，不需要手动在HTML里绑定事件处理程序以及给要隐藏显示的内容层添加ID。在这里，我又做了部分的修改，增加了选项卡可自动...

使用jQuery获取radio/checkbox组的值的代码收集

标签： Web开发

代码如下: !-- $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有...

基于jquery的获取mouse坐标插件的实现代码

标签： Web开发

代码如下： /* * Copyright (c) 2010 刘建华 * * The above copyright notice shall be * included in all copies or substantial portions of the Software. * Example: divdemo/div divdemo/div script type="text/javascript" var o = $(document); o.mousemove( function(e){ var d = document.getElementById("demo"); d.s...

JavaScript和JQuery实用代码片段（一）

标签： Web开发

（一）怎样用JQuery刷新一幅图片？说明：我们都知道，当我们在请求一个资源（比如网页，图片等）的时候，如果该资源被缓存到浏览器了，那么请求返回的就是缓存的副本，不是我们希望获取的资源（该资源内容已经被更新了），此时最普遍的一个办法就是在请求的页面后面或者图片的src后面加上一个查询字符串"ran=" + Math.random()，这样就会请求...

jQuery select操作控制方法小结

标签： Web开发

需要注意的是，这里的代码好多是针对jquery 1.32以前的版本（以后的版本已经不支持@）,所以替换为空测试下即可。 //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){ if($(t...

查看更多精彩>>