jquery怎么设置select选中某项值 admin 2023-09-08 14:36:01 篇首语:本文由小编为大家整理,主要介绍了jquery怎么设置select选中某项值相关的知识,希望对你有一定的参考价值。 1、设置value为pxx的项选中 $(".selector").val("pxx");2、设置text为pxx的项选中 $(".selector").find("option[text="pxx"]").attr("selected",true); 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。3、获取当前选中项的value $(".selector").val();4、获取当前选中项的text 参考技术A //方法一://比如要选中值为aijquery的选项:$("#select").val("aijquery"); //方法二:$("#select option[value="aijquery"]").prop("selected","selected");在线实例演示:jquery动态选中select下拉框里指定值的optilon选项的两种方法及在线实例演示 参考技术B 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。比如1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option[text="pxx"]").attr("selected",true);这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。3、获取当前选中项的value$(".selector").val();4、获取当前选中项的text$(".selector").find("option:selected").text();这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。如:$(".selector1").change(function()// 先清空第二个$(".selector2").empty();// 实际的应用中,这里的option一般都是用循环生成多个了var option = $("").val(1).text("pxx");$(".selector2").append(option););本回答被提问者采纳 Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值 ? 在做一个编辑对话框时,要对里面带有select option的操作。主要是想动态载入option和对option的选中。可是由于项目中使用了jquery里的chosen()方法。怎么也无法实现效果。原码例如以下:??Java代码 ?"viewOLanguage"?data-rel="chosen">??????"zh">中文简体(中文简体?Chinese)??????"en">English(英语?English)??????"fr">fran?ais(法语?French)??????"de">Deutsch(德语?German)??????"it">italiano(意大利语?Italian)??????"es">espa?ol(西班牙语?Spanish)??????"ru">русский(俄语?Russian)??????"ja">日本語(日语?Japanese)??????"ko">???(韩语?Korean)????????"tLanguage"?multiple="multiple"?data-rel="chosen"?style="width:?80%"?>??????"zh">中文简体(中文简体?Chinese)??????"en">English(英语?English)??????"fr">fran?ais(法语?French)??????"de">Deutsch(德语?German)??????"it">italiano(意大利语?Italian)??????"es">espa?ol(西班牙语?Spanish)??????"ru">русский(俄语?Russian)??????"ja">日本語(日语?Japanese)??????"ko">???(韩语?Korean)?????在引用的js文件里使用了这种代码:?Js代码 ?//chosen?-?improves?select??$("[data-rel="chosen"],[rel="chosen"]").chosen();???然后在自己的私有js文件里怎么对select进行不论什么操作都没有效果:?Js代码 ?//??$("#viewTLanguage?option:?selected").attr("value",?language);??????$("#viewTLanguage?option[value=""+language+""]").attr("selected","selected");?????????????jquery.append(option);???于是在网上寻找一些解决的方法。偶然看了几篇文章,顿时好像明确一点什么。事实上全然能够在使用jquery的chosen()方法前进行操作,然后再进行chosen的方法。?Js代码 ?$("#viewOLanguage?option[value=""+oLanguage+""]").attr("selected","selected");??$("#viewOLanguage").chosen();???而且在select中去掉“data-rel="chosen"”,这样一来。就能实现select对应项的选中了,相同,append方法也会效果。?在网上另一种说法是使用$("#jquery").chonse("destroy"),我也试了下。只是没有成功。?另外还能够试试这个:??Js代码 ?jQuery?Chosen.destroy().init()???又一次实例化的方法。??ps:这篇文章之前有不完好的地方。所说的解决的方法仅仅攻克了初始问题,却没有考虑到兴许载入的事情。所以 ,还须要用这段代码:?Js代码 ?$("#dialogOLanguage").trigger("liszt:updated"); ?//项目中能够使用?或者是新版本号的中的?Js代码 ?$("#dialogOLanguage").trigger("chosen:updated"); ?//可能是由于仅仅能在新版本号中使用的原因,项目中没效果?这样能够解决同一select不断动态载入的问题。?另。destroy的方法还是没有实验成功。? Intel的编译器都有哪些 linux 中 ll 命令显示 的大小 是啥单位的 您可能还会对下面的文章感兴趣: 相关文章 浏览器打不开网址提示“ERR_CONNECTION_TIMED_OUT”错误代码的解决方法 如何安装ocx控件 VMware的虚拟机为啥ip地址老是自动变化 vbyone和EDP区别 linux/debian到底怎么重启和关机 苹果平板键盘被弄到上方去了,如何调回正常? 机器学习常用距离度量 如何查看kindle型号