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 = $("

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 命令显示的大小是啥单位的

jquery怎么设置select选中某项值

Jquery chosen动态设置值 select Ajax动态载入数据 设置chosen和获取他们选中的值

您可能还会对下面的文章感兴趣：

相关文章

Jquery chosen动态设置值 select Ajax动态载入数据设置chosen和获取他们选中的值