Tag: jquery select2

具有多个嵌套组的Select2

我在使用各种组的Select2时遇到问题，只出现后者。 2 – Gastos 2.1 – DESPESA OPERACIONAL FIXA 2.1.1 – PESSOAL 2.1.1.1 – GERENCIA/ADMINSTRATIVO 2.1.1.1.1 – SALÁRIOS 2.1.1.1.2 – DIVIDENDOS / COMISSÕES /BONUS 2.1.1.1.3 – INSS 2.1.1.1.4 – FGTS 2.1.1.1.5 – IRRF COD. 0561 2.1.1.1.6 – PLANO DE SAUDE 2.1.1.1.7 – TICKET REFEICAO 2.1.1.1.8 – VALE TRANSPORTE (…) $(‘select’).each(function () { $(this).select2({ allowClear: true, […]

Select2 initSelection

我有一个问题是使用ajax调用设置方法initSelection，我返回“undefined”。 我检查了ajax调用返回正确的结果..我不知道如何设置回调方法以确保选择’预设值。 function mediaFormatResult(media) { var markup = “” + media.name + “, ” + media.prov + ” (” + media.region + “)”; return markup; } function mediaFormatSelection(media) { return media.name +”, ” + media.prov + ” (” + media.region + “)”; } $field = $(‘#comune’); $($field).select2({ placeholder: “Seleziona il tuo comune”, minimumInputLength: 3, initSelection: […]

如何将模型数据加载到使用Yii中的Ajax过滤的Select2下拉列表

我在视图中使用以下select2 Yii小部件来填充下拉列表。 由于准备选择列表所需的数据包含2K以上的记录，因此我使用带有minimumInputLength参数的select2和ajax查询来根据用户输入生成列表的部分结果。 如果我创建一个新记录，我完全没有问题。 它填充一切正常，我可以将数据保存到我的数据库。 但是，在更新操作期间，我不知道如何将保存的数据加载回此下拉列表。 我读到了某个用于此目的的initselection，但我无法弄清楚如何使用它。 有人可以帮我解决这个问题吗？ 我的看法： $this->widget(‘ext.select2.ESelect2’, array( ‘selector’ => ‘#EtelOsszerendeles_osszetevo_id’, ‘options’ => array( ‘allowClear’=>true, ‘placeholder’=>’Kérem válasszon összetevőt!’, ‘minimumInputLength’ => 3, ‘ajax’ => array( ‘url’ => Yii::app()->createUrl(‘etelOsszerendeles/filterOsszetevo’), ‘dataType’ => ‘json’, ‘quietMillis’=> 100, ‘data’ => ‘js: function(text,page) { return { q: text, page_limit: 10, page: page, }; }’, ‘results’=>’js:function(data,page) { var more = […]

Select2.js错误：无法读取未定义的属性“长度”

我正在使用Select2 jquery插件，我无法用json获得结果。 在浏览器中查看json响应时看起来没问题。 像这样举例如： [{ “id” : “50”, “family” : “Portulacaceae ” }, { “id” : “76”, “family” : “Styracaceae ” }, { “id” : “137”, “family” : “Dipsacaceae” } ] 在这种情况下使用ajax调用的URL是： http://localhost/webpage/json_family.php?term=acac&_=1417999511783但是我无法在select2输入中得到结果，控制台说： 未捕获的TypeError：无法读取未定义的属性“长度” 这是代码： HTML JS $(“#select2_family”).select2({ minimumInputLength: 3, ajax: { url: “json_family.php”, dataType: ‘json’, data: function (term) { return { term: term, }; […]

在Select2上将自定义标头传递给Ajax请求

我们正在尝试在Select2中实现Ajax远程数据加载： – $scope.configPartSelect2 = { minimumInputLength: 3, ajax: { url: “/api/Part”, // beforeSend: function (xhr) { xhr.setRequestHeader(‘Authorization-Token’, http.defaults.headers.common[‘Authorization-Token’]); }, // headers: {‘Authorization-Token’: http.defaults.headers.common[‘Authorization-Token’]}, data: function (term, page) { return {isStockable: true}; }, results: function (data, page) { // parse the results into the format expected by Select2. // since we are using custom formatting functions […]

事件干扰了Select2插件的ajax检索结果

我正在使用Igor Vaynberg的Select2 jQuery插件和带有远程数据的无限滚动选项，为我的网站制作一个自动完成搜索框。 AJAX运行良好，结果显示出来，但它们是不可选择的 – 更改事件永远不会被触发，当您单击结果时，没有任何反应。 Chrome控制台中也没有出现任何错误，因此我认为这不是语法错误，而是插件将其误认为是禁用的选择框。 编辑：为结果列表尝试了一个单独的点击事件，从来没有被解雇过，我现在很确定有些事情会干扰事件。 这是我目前的代码， // Search $(“#site-search”).select2({ placeholder: “Search posts”, minimumInputLength: 3, ajax: { url: “http://localhost/mysite/search”, dataType: ‘json’, quietMillis: 500, data: function (term, page) { return { q: term, page_limit: 10, page: page // page number }; }, results: function (data, page) { var more = (page * 10) < […]

选择2禁用/启用特定选项

我有list2类型的列表。 None One Two 我想禁用值为1的选项，所以我喜欢这样 $(“#list>optgroup>option[value=’1′]”).prop(‘disabled’,true); Result:// One 它工作正常;但如果我想重新启用禁用选项我尝试下面的代码，但仍然禁用select2选项。 $(“#list>optgroup>option[value=’1′]”).prop(‘disabled’,false); $(“#list>optgroup>option[value=’1′]”).removeProp(‘disabled’); Result:// One 但奇怪的是删除了该选项的禁用属性。但select2选项仍然被禁用。 没有得到如何解决这个问题。 需要帮忙。 更新：如果我检查select2的DOM，即使在removeinf禁用后它也具有此属性。 One 如果我使aria-disabled =“false”它将启用。 无法得到原因。

在select2 multiselect中加载值

我用select2代替搜索框。 在这里我用来加载像这样的国家值 $(“#countries”).select2({ multiple: true, tags:[“India”, “Japan”, “Australia”,”Singapore”], tokenSeparators: [“,”] }); 当我按下保存按钮时，它们被正确地提交给服务器，现在问题是我想在保存到服务器后修改国家/地区字段，如何将保存的值加载到国家/地区字段。 这是我从服务器检索数据的方式 $.getJSON(‘/dataprovider?data=fetchCountriesForm’, function(opts) { //the opts here contains the json values of the countries. //what code should be written here to load the values in $(‘#countries).select2(); //user can add some more countries or can remove the previously added countries. }

使用validate插件的Jquery bootstrap select2插件问题

在我的bootstrap项目中，我正在尝试使用插件select2，但我意识到如果你使用这个插件不再能够使用validate插件validation我的表单中的选择字段。 我会避免使用商业插件bootstrapvalidation器.. Foo 1 2 Bar 1 2 VALIDATE JS /* select 2 plugin */ $(‘select#foo’).select2(); /* Validation */ $(“#test_form”).validate({ rules: { foo: { required: true }, bar: { required: true } }, errorPlacement: function (error, element) { $(element).addClass(‘err’); }, success: function (label, element) { $(element).removeClass(‘err’); }, submitHandler: function(form) { alert(“validation ok”); } }); 在您看来，我该如何解决这个问题？ […]

将类添加到select2元素

文档要么糟糕，要么我遗漏了一些东西。 我正在尝试将一个错误类添加到select2框以进行表单validation。 它只是一个1px的红色边框。 我在文档中找到了containerCssClass方法，但我不确定如何应用它。 我试过以下没有运气： $(“#myBox”).select2().containerCssClass(‘error’);