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

? 在做一个编辑对话框时，要对里面带有select option的操作。主要是想动态载入option和对option的选中。可是由于项目中使用了jquery里的chosen()方法。怎么也无法实现效果。原码例如以下：

Java代码 ?

<select?id="viewOLanguage"?data-rel="chosen">??
????<option?value="zh">中文简体(中文简体?Chinese)</option>??
????<option?value="en">English(英语?English)</option>??
????<option?value="fr">fran?ais(法语?French)</option>??
????<option?value="de">Deutsch(德语?German)</option>??
????<option?value="it">italiano(意大利语?Italian)</option>??
????<option?value="es">espa?ol(西班牙语?Spanish)</option>??
????<option?value="ru">русский(俄语?Russian)</option>??
????<option?value="ja">日本語(日语?Japanese)</option>??
????<option?value="ko">???(韩语?Korean)</option>??
</select>??
??
??
<select?id="tLanguage"?multiple="multiple"?data-rel="chosen"?style="width:?80%"?>??
????<option?value="zh">中文简体(中文简体?Chinese)</option>??
????<option?value="en">English(英语?English)</option>??
????<option?value="fr">fran?ais(法语?French)</option>??
????<option?value="de">Deutsch(德语?German)</option>??
????<option?value="it">italiano(意大利语?Italian)</option>??
????<option?value="es">espa?ol(西班牙语?Spanish)</option>??
????<option?value="ru">русский(俄语?Russian)</option>??
????<option?value="ja">日本語(日语?Japanese)</option>??
????<option?value="ko">???(韩语?Korean)</option>??
</select>??

在引用的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的方法还是没有实验成功。

原文地址：https://www.cnblogs.com/zhchoutai/p/8832182.html

时间： 2024-11-07 12:23:46

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

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

在做一个编辑对话框时,要对里面带有select option的操作.主要是想动态加载option和对option的选中.但是由于项目中使用了jquery里的chosen()方法,怎么也无法实现效果.原码如下: Java代码 <select id="viewOLanguage" data-rel="chosen"> <option value="zh">简体中文(简体中文 Chinese)</option>

jQuery获取checkbox选中的值

1.问题背景有几个多选框,选择其中的几个,获取选中的值 2.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

jquery获取单选按钮选中的值

在页面上单选按钮的代码: <s:iterator value="@[email protected]"> <input type="radio" <s:if test="key eq record.is_com">checked</s:if> value="${key}" name="record.is_com"/>${value} </s:ite

DWZ-JUI 树形Checkbox组件无法一次获取所有选中的值的解决方法

UI中 tree Checkbox 组件在官方文档中提供的oncheck事件中只能够获取当前点击的权限值,而无法获取其他选中的值 <ul class="tree treeFolder treeCheck expand" oncheck="kkk"><li><a >框架面板</a><ul><li><a tname="name" tvalue="value1&q

jstree高级使用，获取所有选中的值并且所有待选的父级结点值

var tree = $("#jstree").jstree({ "core": { "themes": { "responsive": false }, "check_callback": true, 'data': { 'url': function (node) { return '/test/jstreejson'; }, 'data': function (node) { return { 'pa

jQuery选取所有复选框被选中的值并用Ajax异步提交数据

昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,今天用到了就分享一下. 由于我做的项目一些地方比较复杂,这里我只举一个小例子,能理解就好. 首先,我做了一个简单的多个复选框的界面,如图: 这是一个比较简单的多个复选框提交界面.代码如下: 1 <body> 2 <div> 3 <input type=&quo

jquery怎么获取radio选中的值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

jquery获取dropdownlist选中的值

var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值 var name1 = $("#DropDownList1").text(); //获取dropdownlist 里面所用的值 $("#ddl").bind("change", function () { alert($("#ddl

webform开发经验（一）：Asp.Net获取Checkbox选中的值

webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_) { string res = string.Empty; foreach (RepeaterItem rtpItem in Rpt_.Items) { HtmlInputCheckBox obj = rtpItem.FindControl("checkbox") as HtmlInputCheckBo

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

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

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

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