当前位置:首页 > 日记 > 正文

JQuery 获取多个select标签option的text内容 | 实例

JQuery 获取多个select标签option的text内容 | 实例

根据option的id属性,修改text值

$("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_div .select_class option[id='-选择市-']").text( data.city).attr("selected",true); $("#sel_div .select_class option[id='-选择区-']").text( data.area).attr("selected",true); $("#sel_div .select_class option[id='-选择街-']").text( data.street).attr("selected",true);

获取多个select(使用class属性,切值相同)下的所有option的text值

$("#sel_div .select_class option").each(function(){ //遍历所有option标签   var text = $(this).text(); //获取option的text   alert(text);//显示的是当前这个option的text值   if(txt == "选择省")     $("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true);   if(txt == "选择市")     $("#sel_div .select_class option[id='-选择市-']").text( data.city).attr("selected",true);   if(txt == "选择区")     $("#sel_div .select_class option[id='-选择区-']").text( data.area).attr("selected",true);  if(txt == "选择街")     $("#sel_div .select_class option[id='-选择街-']").text( data.street).attr("selected",true); });

如果select中间没有级联关系,那么所有的option都已经加载,可以使用下面的方法显示查询出来的数据

$("#sel_div .select_class option[id="+data.province+"]").attr("selected",true);$("#sel_div .select_class option[id="+data.city+"]").attr("selected",true);$("#sel_div .select_class option[id="+data.area+"]").attr("selected",true);$("#sel_div .select_class option[id="+data.street+"]").attr("selected",true);

另一种获取所有option的方法,相当于将所有text拼成字符串,把每个字符存进map中

var map = $("#sel_div .select_class option").map(function(){    alert($(this).text());//显示单个option的text  text1    return $(this).text();  }).get().join(",");alert(map);//显示的是 text1,text2,text3alert(map[0]);//显示 t

在上面的基础上进行改进,使用array数组存放查询出来的数据,在使用for循环可以对数据进行操作

var array = new Array();  $("#leaf .form-control option").map(function(){    array.push($(this).text());  })  for(var i = 0; i < array.length; i ++ ){    alert(array[i]);//显示每个option的text  text1,text2,text3  }

以上这篇JQuery 获取多个select标签option的text内容(实例)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

怎样限制QQ在异地登陆

怎样限制QQ在异地登陆

异地,电脑软件,QQ,  有时候登陆QQ,系统提醒QQ在异地登陆过,这是怎么回事?那么我们怎样限制自己的QQ在异地登陆呢?以下小编整理的如何限制QQ在异地登陆,供大家参考,希望大家能够有所收获!限制QQ在异地登陆的具体方法:  1、无论我们用哪种方法…

Web开发中客户端的跳转与服务器端

Web开发中客户端的跳转与服务器端

服务器端,客户端,跳转,区别,电脑软件, 客户端的跳转:跳转之后地址栏的信息是会变的,变为跳转之后的地址信息例如:response.sendRedirect();服务器端的跳转:跳转之后的地址栏的信息不会发生任何的改变例如:<jsp:forword>request.getRequestDisPat…

AJax实现类似百度搜索栏的功能  |

AJax实现类似百度搜索栏的功能 |

百度,搜索栏,多见,类似,功能,实习过程中需要用到异步提交功能,于是试着去了解了一下ajax,瞬间感觉以前学习的真是九牛一毛啊,确实如此,做web应用开发,如果不会jquery和ajax,那真的就是白学了,了解之后我才感觉网上的那些花哨的功能已经都可以实现…

如何用excel做除法教程excel表格做

如何用excel做除法教程excel表格做

除法,方法,教程,表格,如何用,  Excel是三大办公软件之一的一个软件,他经常用于数据的整理、分析、以及对比等。而有很多时候需要用到Excel里的计算功能把数据里的值进行计算。现在请欣赏小编带来的如何用excel做除法教程。excel表格做除法…

js Abba逆向前瞻正则匹配实例

js Abba逆向前瞻正则匹配实例

正则匹配,实例,电脑软件,js,Abba,核心代码:<script>var s1 = 'acritan';var s2 = 'bassarisk';var s3 = 'commotive';//找出不包含 "abba" 模式的单词var r = /^(?!.*?(.)(.)\2\1)/i;alert(r.test(s1)); // truealert(r.test(s2))…

word中制作表格的两种方法word怎么

word中制作表格的两种方法word怎么

方法,表格,两种,电脑软件,word,  我们不仅需要在word中输入文字编辑文档,有时候也需要在word中制作表格,如何在word中制作一个我们需要的表格,并且让表格看起来美观?下面就由小编为大家分享下word中制作表格的技巧,希望能帮助您。word中制作…

ps cs6怎么给一张烟花图添加月亮光

ps cs6怎么给一张烟花图添加月亮光

月亮,光辉,烟花,电脑软件,ps,一张夜景照片,制作成月亮光辉效果。软件名称:Photoshop CS6 13.0 破解版 中文绿色免费版 (PSCS6中文绿色版)软件大小:160MB更新时间:2014-05-151、启动软件,打开一张图片。 2、菜单栏,依次选择,&ldquo;图层&rdquo;&mda…

PS怎么画一幅啃骨头的小狗图?

PS怎么画一幅啃骨头的小狗图?

小狗,画一,电脑软件,PS,想要画一幅很可爱的图片,今天我们就来看看使用ps画小狗啃骨头的方法,很简单,详细如下文所述。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、先用钢笔工具把这个小萌狗的大骨头…

在Word2013中如何将PDF文件转换为W

在Word2013中如何将PDF文件转换为W

文件,转换为,如何将,电脑软件,Word,  Word和PDF文件之间的相互转换在我们的生活中是经常需要用到的,也是曾经困扰了很多人的一个问题,现在好了,Word2013可以直接帮我们将PDF文件转换为Word文件了。以下是小编为您带来的关于将PDF文件转换为W…

painter结合photoshop制作科幻类游

painter结合photoshop制作科幻类游

科幻,类游戏,场景,电脑软件,painter,其实做原画这方面最重要的是需要自己的思想,有自己的风格定位,现在没有人差一个好像素的照相机。别人的作品只能是借鉴以及参考,做游戏原画还是需要自己的思想才行,下面我们来看看吧。步骤一 首先用我们…

关闭QQ空间网页后电脑依然播放音乐

关闭QQ空间网页后电脑依然播放音乐

播放音乐,空间,网页,解决方法,电脑软件,  关闭QQ空间网页后电脑依然播放背景音乐怎么解决?相信很多朋友都碰到这样的问题吧,却又不知道该如何解决,下面小编就为大家详细介绍一下关闭QQ空间网页后电脑依然播放背景音乐的解决方法吧,一起来看…