jquery 中select下拉框根据option的text值获取选中的value值的小技巧

最新推荐文章于 2022-11-09 17:50:49 发布
原创 最新推荐文章于 2022-11-09 17:50:49 发布 · 1.4k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Html

本文介绍了一种在jQuery中使用contains过滤器，根据下拉框（select）选项的文本内容，精确获取其value值的技巧。此方法适用于当直接使用option[text]无法达到预期效果的情况。

使用jQuery根据option中的text，获取select下拉框中的value值，很多人都是直接使用$('#selectId option[text="test"]').val();

但是，在某些情况下，这种方式并不能获得想要的结果，在这里提供一种其他的方法，$('#selectId option:contains(“test”)').val();

使用contains内容过滤器来得到想要的结果

JavaScript实现获取select下拉框中第一个值的方法
10-18
本文主要介绍如何使用JavaScript获取select下拉框中的第一个值，这涉及到页面元素属性的获取和操作，以及如何使用JavaScript编写函数来完成这一任务。 首先，要实现获取select下拉框中第一个值的功能，需要使用...
jQuery获取及设置表单input各种类型值的方法小结
10-22
可取得一组具有相同name属性的radio被选中项的值，而获取选中项的文本可以使用$("select[@name=items] option[@selected]").text();来实现。 对于select下拉框，可以通过设置选项索引的方式来选中特定元素。例如，...
jquery select下拉框通过text找value
飞哥的专栏
08-17 4256
通常从数据库得到的数据需要下拉框text和value相互转换 前面介绍过一片对应的文章 jquery select通过value找text 这次反过来讲jquery select下拉框通过text找value 找过多种方法尝试，最后还是感觉用循环option最靠谱 除非全部 这样写用 $("#orderstate option[text='全部']").val(); 看看ht
jquery获取select选择的文本与值
weixin_30258027的博客
09-14 176
jquery获取select选择的文本与值 获取select ： 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ")....
jQuery获取select元素option的文本值和value值
热门推荐
05-01 1万+
(‘#list option:selected’).text()；(‘#list option:selected’).text()； (‘#list option:selected’).val()
Jquery 通过 文本 text设置 select 下拉框 的 选中项 （非通过 value）
n1g2q2012的专栏
08-18 621
$("#").children(":contains('')").attr("selected", true);         $("#").children(":contains('')").attr("selected", true);
jquery 根据text设置下拉框选中项
kirinlau的专栏
02-25 3318
项目中有遇到点击按钮出dialog，里面有申请的form表单，需要在其中的select下拉框带出当前点击的内容，类似于以下： 本以为一个很简单的东西，但是折腾了半天，网上查了一下，找到以下方法： $("#selectShipperCode").find("option[text="+domtext+"]").attr("selected",true); 事实证明没什么用，点了无效，自己摸索了半...
使用jQuery美化select下拉框样式教程
要使用jQuery实现select样式美化，首先需要了解jQuery的基础知识，包括如何在HTML页面中引入jQuery库、如何使用jQuery选择器来选中页面上的元素、以及基本的事件处理和DOM操作。例如，使用$()函数来选取页面上的元素...
select option带自定义图片
09-19
以下是一个关于如何在`<select>`和`<option>`中添加自定义图片的详细教程。 首先，我们需要理解HTML基础。`<select>`元素创建一个可选列表，用户可以选择其中的一个或多个选项。`<option>`元素定义了下拉列表中的一...
掌握jQuery实现高效下拉框左右选择技巧
使用`.val()`方法获取选中的元素值，再利用`.remove()`方法从原列表中移除这些元素，最后使用`.append()`方法将它们添加到目标列表中。 4. 动态更新下拉框： 由于直接操作DOM元素会改变原有的`<select>`标签，...
jQuery根据option的文本获取val值
izwell的博客
08-22 2852
今天在工作中对一个老的jquery项目进行维护，其中涉及到一个根据select中的option的text值来获取对应option的val值的问题，个人觉得还是有些收获，故做总结。 &lt;select id="slt"&gt; &lt;option value="1"&gt;苹果&lt;/option&gt; &lt;option value="2"&gt
关于jsp,select下拉框option里如何获取一个对象下其他对象的值
weixin_44510100的博客
11-09 445
如何获取select下拉框里如何获取option下value之外的值
获取select元素option的文本值和value值及回填设置值
Khun_HWJ的博客
08-15 1664
var obj = document.getElementById(“select”); //定位id var idx= obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值 获得选中select值 第一种方式 $(’#s...
根据select中option的text或value来选中
kkkkkkkk的博客
11-17 3463
$(function(){ $("#demo option:contains('跑车')").attr("selected", true); //根据text选中 // $("#demo option[value=9]").attr("selected", true); //根据value选中 }) 微型车 小
使用js获取下拉列表框<option>中的value和text的值
05-13 1152
在编程过程中，我们对下拉列表框的取值很多时候都是获取option中的value，但是也有需要获取显示在页面中的值的时候，例如想获得ShowText中"ShowText"，我们该如何获取呢？方法很简单，具体代码如下： function a(object){ alert(object); } text-a text-b text-c text-d
根据下拉框 text的值设置选中状态 根据下拉框 value 的值设置选中
qq_45894878的博客
05-11 973
根据下拉框 text的值设置选中 从后台取的数据一般在实体类中 先取出实体类的属性值到隐藏域中 完事之后 写个js方法 进页面加载方法 function(){ //根据下拉框文本内容设置选中状态 var cardTypeHide = $(’#cardTypeHide’).val(); var partUsableHide = $("#partUsableHide").val(); $(’#cardType option’).filter(function(){return $(this).text()=
为一个下拉框绑定value和text
颗粒归仓
04-25 2992
在做项目的时候经常会用到编辑功能，需要把表格中的值绑定到编辑界面的下拉框中。但是只知道给下拉框赋值，如何同时绑定id就不知道了。 解决方法： 1.添加一个隐藏的input，把对应id绑定，如果没有进行改动，获取这个input中的id进行存储。改动了的话获取下拉框 绑定的id即可。但是这样需要判断，好麻烦         2.平时下拉框加载的时候可以绑定一个value和te
【前端：JQuery 】根据select的text内容选择特定的option
MikeToy的博客
08-31 484
JQuery 根据select的text内容选择特定的option 下拉框数据： 之前试过: $("#select1").find("option[text='2020']").prop("selected",true); 实现不了，可能已经失效。 改正之后： $("#select1").find("option:contains('2020')").prop("selected", true); ...
软件测试面试题：怎样去选择一个下拉框中的value＝xx的option？
一亿并发的博客
06-02 448
1.select类里面提供的方法：select_by_value（“xxx”） 2.xpath的语法也可以定位到
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值