Tag: jquery chosen

带有ajax的jquery-select2 multi的JSON格式

我正在考虑从Chosen转到Select2，因为Select2具有ajax的本机方法。 Ajax很关键，因为通常你需要加载大量数据。 我用api.rottentomatoes.com/api/的JSON成功执行了这个例子 我做了一个JSON文件来测试ajax，但它没有用。 我不知道JSON应该如何。 似乎没有详细的文件： https://github.com/ivaynberg/select2/issues/920 我尝试了几种JSON格式，所以我尝试复制类似于api.rottentomatoes的JSON格式，但它不起作用。 我可能会遗漏一些愚蠢的东西。 function MultiAjaxAutoComplete(element, url) { $(element).select2({ placeholder: “Search for a movie”, minimumInputLength: 1, multiple: true, ajax: { url: url, dataType: ‘jsonp’, data: function(term, page) { return { q: term, page_limit: 10, apikey: “z4vbb4bjmgsb7dy33kvux3ea” //my own apikey }; }, results: function(data, page) { return { results: data.movies }; […]

有没有办法通过jquery选择的插件动态ajax添加元素？

我试图通过收获（http://harvesthq.github.com/chosen/）使用“选择”插件，它适用于我传递的静态选项集。 但是，我想要的是，每当有人输入不在预填充选项中的内容时，它应该将其作为新选项发送到服务器，并且在成功响应时，我不仅要将其添加到有效列表中选项，但也让它选择它。 重新加载选项非常简单： // In ajax response var newOption = new Option(“Text”, __value__); $(“#tagSelection”).append(newOption); $(“#tagSelection”).trigger(“liszt:updated”); 但是，我不知道如何使“选择”插件选择此值作为值。 我很想做点什么 $(“#tagSelection”).trigger(“liszt:select:__value__”); 或类似的东西。 有什么建议？ （ps：我正在尝试根据选择构建一个“标记”插件。因此，如果键入的标签不存在，它会将其添加到服务器，然后立即选择它。）

使用jqueryvalidation和选择的插件validation选择框

我试图一起使用validation和选择的插件。 我在validation选择框时遇到了问题。 我发现了类似的问题如何使用“选择”插件进行jQueryvalidation？ 和Chosen.js并validationjquery但我找不到将解法导入我的代码的方法： <input type='hidden' value='’ name=’pkedit’ id=’pkedit’> Product Name*<input id='nameedit' name='nameedit' value='’/> Unit*query($query); if($result->num_rows==0) echo “No unit found. Please define a unit first”; else{ echo “”; while($row=$result->fetch_assoc()) echo “”.$row[‘name’].””; echo “”; } $mysqli->close(); ?> Save Cancel jquery代码 $(“#save”).click(function () { if($(“#producteditform”).validate({ ignore: [], rules: { nameedit: { required: true, maxlength:100 }, unitedit:{ required: […]

如何将Chosen Plugin添加到动态创建/克隆的CSS div中？

jQuery的Chosen插件（在这里找到： http ： //harvesthq.github.com/chosen/ ）增加了选择HTML元素的额外function。 我可以使用以下代码将function添加到页面上加载的初始元素： $(document).ready(function(){ $(“.chosenProperties”).data(“placeholder”,”Select properties…”).chosen(); $(“.chosenType”).data(“placeholder”,”Type…”).chosen(); $(“.chosenInstance”).data(“placeholder”,”Instance…”).chosen() 这样可行。 所有这三类select元素都出现在名为#newGroup的div中。 页面上有一个按钮，“添加”一个新组，克隆#newGroup div并将其添加到第一个下方。 它包含相同的元素。 但是，当我尝试将选择的function添加到克隆div中的选择项时，它们将被冻结。 界面看起来与第一个界面相同，所以正在加载Chosen，但是当我点击它们时没有任何反应。 这是代码： $( ‘#swl-add-group-button’ ).click( function() { //addGroupToGUI(); createClassAddRow(); } ); var rowNum = 0; function createClassAddRow() { rowNum++; newRow = jQuery(‘#newGroup’).clone().css(‘display’, ”); newHTML = newRow.html().replace(/0/g, 1); newRow.initializeJSElements(); newRow.html(newHTML); newRow.initializeJSElements(); jQuery(‘#mainTable’).append(newRow); addGroup(newRow); } jQuery.fn.initializeJSElements = function (){ this.find(“.chosenProperties”).each( […]