JQuery $("#id").val(value); 给select选值不出现问题

最新推荐文章于 2023-03-09 14:16:17 发布
最新推荐文章于 2023-03-09 14:16:17 发布
阅读量5.2k 收藏
点赞数
分类专栏： 前端事未了 文章标签： jquery select
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/An7yu/article/details/51042380
版权

当出现这种问题时候，那是因为value的序号是从0开始，在jQuery里面可能对于序号是当做数字来处理的，前面的0会被抹除，可以用alert弹出查看其机制

An7yu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery操作select取值赋值与设置选中实例
12-09
本节内容： jquery实现select下拉框的取值与赋值，设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“.selector”).find(“option”).attr(“selected”,true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。 很多时候，中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(“.selector”).val(); 4、获取当前
WEB前台遇到的问题总结—001—使用jquery设置select的默认选中项不成功问题
Nonsenser
01-16 2360
使用jquery设置select的默认选中项不成功问题在之前使用jquery进行select的默认值设置时，没有出现过设置不成功的问题，但是这次使用能够进行默认值的设置，但是在显示上一直为第一个option。我使用jquery进行设置的方法：$("#selector").find("option[text='pxx']").attr("selected",true);或是$(".selector")
jQuery select 设置选中后页面没反应 如何处理？
joe_324的博客
10-29 995
通用写法 $('.data-box-list-right').on('click','.category-name-text',function(e){ var targetVal = $("#categorySelect option:contains('" + e.target.innerText + "')").val(); $("#categorySelect").val([targetVal]).trigger('change'); }) 如果是单选，也可以 $("#categorySele
jQuery美化Select下拉框.zip
07-11
jQuery美化Select下拉框是一款适用于后台管理功能表单下拉框选择代码。  select   --  name 可以接收选择的值【用于表单提交  名称自定义】  option   --  1.  value    传给后台的参数      1.  selected 设置默认选中      2.  disabled 设置禁止选则 [removed][removed] [removed][removed] [removed]  //本小插件支持移动端哦    //这里是初始化  $('.filter-box').selectFilter({   callBack : function (val){    //返回选择的值    console.log(val '-是返回的值')   }  }); [removed]
JQuery给元素添加/删除节点比如select
12-04
jQuery获取Select选择的Text和Value: 代码如下: var checkText=jQuery(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=jQuery(“#select_id”).val(); //获取Select选择的option Value var checkIndex=jQuery(“#select_id “).get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=jQuery(“#select_id op
jquery设置下拉框selected不起作用
E_mi_ly的专栏
08-30 4743
内容转载来自：http://blog.csdn.net/caixiajia/article/details/52912387 在js中设置下拉框被选中： 最初写法： //移出selected $("#selected option").removeAttr("selected"); //将value值为value的设为selected $("#selected"
#使用js或jq中获取对象的value值时使用出错
在下千玦的博客
03-09 320
方法是一个jQuery方法，它可以获取或设置输入元素的值。这可能是因为你在一个DOM元素上使用了。方法，而不是一个jQuery对象。来创建一个jQuery对象，然后使用。你的问题是，为什么会出现。不是一个函数的错误信息。要解决这个错误，你可以。直接获取DOM元素的值。
jq 动态给select 或者layui select 下拉框进行 赋值 并且默认选中
weixin_44647098的博客
06-15 1474
var shiNameId=$('#shiNameId')[0]; //选中要赋值的元素 shiNameId.add(new Option(bstCompanyAccount.workSiteCity),shiNameId.options[0]) //给第一个位置添加元素 shiNameId[0].selected = true; //第一级默认选中
关于设置了select控件内option的selected属性，却没有变化的解决方案。
weixin_43538901的博客
05-14 7045
问题描述：使用jQuery的attr函数设置select控件内option的selected属性，会偶发性设置不到位，比如通过jQuery的attr函数把option的selected属性改为true，通过console控制台也看到该option确实为true，但实际显示select还是原来的选中值，甚至还有偶发性的情况。 解决办法：这时使用jQuery的prop函数。 具体代码： <sel...
『jQuery』.html(),.text()和.val()的概述及使用
12-12
本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法，用于读取，修改元素的html结构，元素的文本内容，以及表单元素的value值的方法。jQuery中为我们提供了多种方法用于对元素的HTML结构和元素的文本内容的操作，比如说，你可以给已存在的元素的内部，周围，前面或者后面增加新元素；或者用一个元素替代另一个元素；你也可以读取或者修改一个元素的内容或结构。有时我们就会比较模糊，不知道是给元素增加内容或者增加一个元素，比如说我们需要给一个存在的元素有效的增加这个元素的内容。 这里主要和大家一起分享如何增加，删除和替换元素，jQuery给我们提供了三种方
jQuery获取select选中的option的value值实现方法
12-28
如下所示： <select id=isshow name=isshow style=width: 100px> <option value=1>显示</option> <option value=2>不显示</option> </select> var isshow = $(#isshow ).val(); 以上这篇jQuery获取select选中的option的value值实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
jquery控制select的text/value值为选中状态
12-09
每一次操作select的时候，总是要在网上翻下，太繁琐了，自己在这里总结下。 比如<select class=”selector”></select> 1、设置value为“全部“的项选中 代码如下: $(“.selector”).val(“全部”); 2、设置text为“全部“的项选中 代码如下: $(“.selector”).find(“option”).attr(“selected”,true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value 代码如下: $(“.selecto
jQuery操作select下拉框的text值和value值的方法
12-08
1、jquery获取当前选中select的text值 var checkText=$(“#slc1”).find(“option:selected”).text(); 2、jquery获取当前选中select的value值 var checkValue=$(“#slc1”).val(); 3、jquery获取当前选中select的索引值 var index=$(“#slc1 “).get(0).selectedIndex; 4、jquery设置索引值为1的项为当前选中项 $(“#slc1 “).get(0).selectedIndex=1; 5、jquery设置value值2的项为当前选中项
C#，数值计算，解微分方程的龙格-库塔二阶方法与源代码
04-25
C#，数值计算，解微分方程的龙格-库塔二阶方法与源代码 微分方程 含有导数或微分的方程称为微分方程，未知函数为一元函数的微分方程称为常微分方程。 微分方程的阶数 微分方程中导数或微分的最高阶数称为微分方程的阶数。 微分方程的解 使得微分方程成立的函数称为微分方程的解。 微分方程的特解 微分方程的不含任意常数的解称为微分方程的特解。 微分方程的通解 所含相互独立的任意常数的个数与微分方程的阶数相等的微分方程的解称为微分方程的通解。
桌面聊天室
04-25
该毕业设计采用了c/s架构，通过javase中的知识编写完成，系统功能包括：用户注册，用户登录，聊天功能。 对于刚学完java基础的同学来说可以通过该毕业设计加深对所学知识的理解。该系统使用socket进行数据的发送，用户注册登录之后，可以进行多人聊天，功能类似qq群聊。
【前端素材】大数据-交通大屏.zip
最新发布
04-25
大数据技术指的是用于处理和分析大规模数据集的技术和工具。以下是一些常见的大数据技术和工具： Hadoop：Apache Hadoop是一个用于分布式存储和处理大规模数据的开源框架。它包括Hadoop Distributed File System（HDFS）用于数据存储和MapReduce用于数据处理。 Spark：Apache Spark是一个快速、通用的集群计算系统，提供了比MapReduce更快的数据处理能力。它支持内存计算和更多复杂的数据处理流程。 NoSQL数据库：NoSQL数据库（如MongoDB、Cassandra等）则更适用于处理这类数据。 数据仓库：数据仓库是一个用于集成和分析大规模数据的存储系统，一些知名的数据仓库包括Snowflake、Amazon Redshift等。 数据湖：数据湖是一个存储结构化和非结构化数据的存储池，用于支持数据分析和机器学习应用。 机器学习：大数据技术也广泛应用于机器学习领域，支持大规模数据的模型训练和预测分析。 流式处理：针对实时数据处理需求，流式处理技术（如Apache Kafka、Apache Flink）可以实时。
inspect：windows系统下的控件识别工具
04-25
windows系统下的控件识别工具，可用于桌面应用的UI自动化测试
038ssm-jsp-mysql高校毕业生就业满意度调查统计系统.zip（可运行源码+数据库文件+文档）
04-25
高校毕业生就业满意度调查统计系统是以实际运用为开发背景，运用软件工程开发方法，采用jsp技术构建的一个管理系统。整个开发过程首先对软件系统进行需求分析，得出系统的主要功能。接着对系统进行总体设计和详细设计。总体设计主要包括系统总体结构设计、系统数据结构设计、系统功能设计和系统安全设计等；详细设计主要包括模块实现的关键代码，系统数据库访问和主要功能模块的具体实现等。最后对系统进行功能测试，并对测试结果进行分析总结，及时改进系统中存在的不足，为以后的系统维护提供了方便，也为今后开发类似系统提供了借鉴和帮助。 本高校毕业生就业满意度调查统计系统采用的数据库是Mysql，使用JSP技术开发。在设计过程中，充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面简洁等特点。 关键词：高校毕业生就业满意度调查统计系统，JSP技术，Mysql数据库
$.common.sprintf("<select id=\"goodInformation\" name=\"materialId\" class=\"form-control\" data-live-search=\"true\" required>\n" + " <option value=\"\" disabled selected>--请选择商品信息--</option>\n" + " <option th:each=\"materialManagement:${materialManagement}\" th:value=\"${materialManagement.materialId}\" th:text=\"${materialManagement.goodInformation.goodName}\" ></option>\n" + " </select>", index, value);
07-20
根据你提供的代码，看起来你正在使用一个名为 `$.common.sprintf()` 的函数来生成 HTML 代码。这个函数可能是你自己定义的，因此我无法确定它的具体实现细节。 不过，根据你的代码片段，我可以看到你正在生成一个下拉框（`<select>`）。在这个下拉框中，你使用了一个循环来动态添加选项（`<option>`）。每个选项的值（`value`）是 `${materialManagement.materialId}`，文本内容（`text`）是 `${materialManagement.goodInformation.goodName}`。 根据这个代码片段，你可以尝试以下修改来实现互相选中的功能： ```javascript $("#materialManagement").change(function () { var selectedValue = $(this).val(); $('#goodInformation').off('change').val(selectedValue).trigger('change.selectpicker'); }); $("#goodInformation").change(function () { var selectedValue = $(this).val(); $('#materialManagement').off('change').val(selectedValue).trigger('change.selectpicker'); }); ``` 在这里，我假设你正在使用了 Bootstrap 的 Selectpicker 插件来美化下拉框，并且触发 `change.selectpicker` 事件来更新 Selectpicker。因此，在设置选中值后，我使用了 `.trigger('change.selectpicker')` 来触发更新。 请注意，这里的代码假设你已经正确引入了相关的库（如 jQuery、Bootstrap、Selectpicker）并且配置正常。如果你还没有引入或配置相关库，请确保按照它们的文档进行正确的引入和配置。 如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值