jquery如何根据text选择option

百度出来的代码都是这样的:

1 $(‘#test option[text="b"]‘).attr("selected",true);

1 $(‘#test‘).find(‘option[text="b"]‘).attr("selected",true);

然而,在我的代码中却不起作用,不知原因为何!

终于在海量无用的搜索结果中找到一条线索,解决了问题:

原因:上面两种方法在jquery低于1.4.2的版本(含)中有效,在更高版本中无效!

解决一:精确匹配,选择文本与所给字符串完全一样的option。

1 $(‘#test option‘).filter(function(){return $(this).text()=="b";}).attr("selected",true);

解决二:子串匹配,选择文本包含所给字符串的option。

1 $("#test option:contains(‘b‘)").attr(‘selected‘, true);

解决三:自定义函数(网上找的,在此感谢作者)

 1 $("#btn").click(function(){
 2     var count=$("#sel").get(0).options.length;
 3     for(var i=0;i<count;i++){
 4         if($("#sel").get(0).options[i].text == "b")
 5         {
 6             $("#sel").get(0).options[i].selected = true;
 7             break;
 8         }
 9     }
10 });

参考网址:http://stackoverflow.com/questions/3744289/jquery-how-to-select-an-option-by-its-text

时间: 2024-10-18 22:51:18

jquery如何根据text选择option的相关文章

jQuery 增加 删除 修改select option

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value 3. var checkIndex=jQuery("#sele

总结jquery中对select和option的基本操作

jQuery获取Select选择的Text和Value:$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(

JQuery中对Select的option项的添加、删除、取值

jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val

『jQuery』.html(),.text()和.val()的概述及使用--2015-08-11

如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法 本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法.jQuery中 为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作,比如说,你可以给已存在的元素的内部,周围,前面或者后面增加新元素:或者用

jQuery添加/删除Select的Option项:

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text();   //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val();   //获取Select选择的option Value 3. var checkIndex=jQuery("#

Jquery获取select选中的option的文本信息

注意:下面用的$(this)代表当前选中的select框 第一种: $(this).children("option:selected").text(); 第二种: $(this).children("option:selected").html(); Jquery获取select选中的option的文本信息,布布扣,bubuko.com

jquery的html,text,val

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值. 这三个方法功能上的对比 .html(),.text(),.val() 三种方法都是用来读取选定元素的内容:只不过.html()是用来读取元素的HTML内容(包括其Html标签),.text()用来读取元素的纯文本内 容,包括其后代元素,.val()是用来读取表单元素的"value"值.其中.和.text()方法不能使用在表单元素上,而.val

初识jQuery,八字真言“选择元素,对其操作”

jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jquery.com/download/ jQuery库有两个版本: 我只是使用这个jQuery库,所以我就只下载了生产版本,足以. 二.开始我的第一个Demo 1.html文件 <!DOCTYPE html> <html> <head> <meta charset=&quo

jquery.validate验证text,checkbox,radio,selected

index.cshtml <form id="formLogin" method="post"> <div> <label for="username">Username:</label> <input type="text" id="username" name="username" /> </div> <d