Tag: jquery select2

嵌套的Select2，具有依赖的AJAX调用: 我正在使用带有jQuery的Select2来构建表单上SELECT元素之间的依赖关系。我正在努力建立典型的关系：国家有国家，国家有城市，城市有城镇等等。现在我正在这样做： $(document).ready(function() { $(“.pais”).on(‘change’, function() { pais = $(this).find(‘option:selected’).val(); $.get(Routing.generate(‘estados’, {pais_id: pais})).success(function(data) { if (data.message === “”) { $(‘.estado’).empty().append(‘Seleccione un estado’); $.each(data.entities, function(i, d) { $(‘.estado’).append(” + d.nombre + ”); }); $(‘.estado’).removeAttr(‘disabled’); $(‘.estado’).next(‘span’).remove(); $(‘.estado’).closest(‘.form-group’).removeClass(‘has-error’); $(‘.estado’).select2(); } else { $(‘.estado’).next(‘span’).remove(); $(‘.estado’).closest(‘.form-group’).addClass(‘has-error’); $(‘.estado’).after(” + data.message + ”); $(‘.estado’).empty().append(‘Seleccione un estado’).attr(‘disabled’, ‘disabled’); $(‘.municipio’).empty().append(‘Seleccione un municipio’).attr(‘disabled’, ‘disabled’); […]

使用select2激活hover/鼠标hover时的选择菜单: 我一直在查看文档，尝试找到一种方法，可以在hover轻松激活选择菜单，而不仅仅是click 。不幸的是，我似乎无法找到方法（如果它存在），并希望有人能指出我正确的方向？这是一个plnk， http://plnkr.co/edit/GTeyWfOp9aTd1B0Be0Hs?p=preview 谢谢大家

当closeonselect为false时，在点击时关闭select2: 点击后关闭select2有更好的方法吗？我关闭了 $(document).click(function(event) { if(!$(event.target).hasClass(“select2-selection__rendered”) && !$(event.target).hasClass(“select2-results__option”)) { $(“#e1”).select2(‘close’); } }); 但这似乎很奇怪。这里是小提琴http://jsfiddle.net/jEADR/5557/

如何在codeigniter中更新select2下拉列表: 嗨我正在使用select2 jquery插件向下拉列表中插入多个值，但是当我尝试更新时我面临的问题可以任何人帮助我展示这样做的正确方法 $keywords) { if ($vald == $keywords->keyword_id) { ?> <option value="keyword_id; ?>” >keyword_name; ?> <option value="keyword_id; ?>”>keyword_name; ?> 我正在尝试做这样的事情我正在获取值但是从第二个来的未保存的值正在花费大量时间来加载数据非常慢我是否知道如何解决这个问题。 $(document).ready(function() { $(“.selectmultiple”).select2(); }); public function keyword_all() { $this->db->select(‘*’)->from(‘keywords’); $query=$this->db->get(); return $keyword = $query->result(); } 这是我循环foreach($keyword as $key=>$keywords)的模型foreach($keyword as $key=>$keywords)

自定义select2多选: 我正在使用select2创建一个多选字段，如下所示。我想让它成为占位符（“搜索项目”），即使我已经选择了项目，也总是在该字段中看到。我在下拉列表中选择任何选项后尝试使用此占位符： $(“.select2-results__option”).click(function() { console.log(“x”); $(document).find(“.select2-search–inline .select2-search__field”).attr(“placeholder”, “Search items”); }); 但不幸的是它甚至没有触发控制台日志。我的另一个问题是，我可以这样做（“x”）放在文本右边而不是左边的药片上吗？ $(document).ready(function() { $(“.js-example-basic-multiple”).select2({ placeholder: “Select items” }); }); $(“.select2-results__option”).click(function() { console.log(“x”); $(document).find(“.select2-search–inline .select2-search__field”).attr(“placeholder”, “Search items”); }); .select2-selection { height: 34px !important; font-size: 13px; font-family: ‘Open Sans’, sans-serif; border-radius: 0 !important; border: solid 1px #c4c4c4 !important; padding-left: 4px; } .select2-selection–multiple { height: 154px […]

select2-jquery：如何动态设置maximumselectionsize: 我有一个要求，我将决定在select2 ui中允许Max选择。我怎么能这样做。我试过了 $(‘#ChnageLnk’).on(‘click’,function(){ $(‘#SelectD’).select2({maximumselectionsize :1}); });

Select2 – 过滤特殊字符: 我有一个select2插件的问题。当我使用filter并输入“mąka”时，它会找到所有带有“mąka”和“maka”字样的选项。是否可以自定义此脚本以查找“mąka”字样？预览这里对不起我的英文; p 谢谢！

Select2：Uncaught TypeError：options.results不是函数: 我正在尝试使用Select2 jquery插件进行AJAX调用。查询似乎正在运行，但是在options对象上调用.results()时会出现问题： Uncaught TypeError: options.results is not a function 这是我的HTML：这是我的JS： $(document).ready(function() { $(‘#topic_relation_source_topic_id’).select2({ minimumInputLength: 3, ajax: { url: “”, dataType: ‘json’, delay: 250, data: function (term, page) { return { q: term, //search term page_limit: 30, // page size page: page, // page number }; }, processResults: function (data, page) { var more […]

Django – 使用url实现select2: 我在我的网页上添加了一个select2字段，我想用ajax将记录加载到它中。所以我宣布了一个url字段。 $(document).ready(function() { $(“#field_id”).select2({ placeholder: “Search…”, ajax: { url: ‘{{ url }}’, dataType: ‘json’, … templateResult: formatItem, 这个url指向一个方法，它应该返回匹配的产品，但我不知道如何序列化它们以便它可以工作。这是我的方法： def get_ajax(self, request, *args, **kwargs): query = request.GET.get(‘q’, None) if query: products = Product.objects.filter(name__icontains=query) return JsonResponse(products, safe=False) else: return JsonResponse(data={‘success’: False, ‘errors’: ‘No mathing items found’}) 但我只得到未定义的值。我的JS formatItem（）方法如下所示： function formatItem (item) { console.log(item); if […]

jquery select2：未为Select2标记定义未捕获的查询函数: 我正在使用select2插件版本3.5。它在php文件上工作正常。我能够选择值并能够将它们保存在数据库中。脚本用户保存数据，一段时间后他/她想要更新/修改数据。那么之前选择的值应该出现在表单中。我正在使用Ajax从数据库中检索数据，它工作正常。问题是我无法在select2插件中显示所选数据。我在SO上搜索并发现了一些相关问题，但我无法理解如何在我的场景中使用它们 $(“#autofill”).change(function() { var data1= $(‘option:selected’, this).text(); $.ajax({ //type: ‘post’, type: “GET”, url:”autofill.php”, cache: false, // dataType: ‘json’, data: ‘action1=’ + data1, success: function(data) { data = JSON.parse( data ); var keywordArray=data.keywords; $(‘#tags’).select2().select2(‘val’, keywordArray) 但由于某种原因$(‘#tags’).select2().select2(‘val’, keywordArray)这是行不通的。我发现了这个错误。未为Select2标记定义未捕获的查询function 请指教。编辑：我检查了这个问题，它与此类似，但无法解决问题。如何设置jquery select2的选定值？我试过了 $(‘#tags’).select2(‘val’, {id: 100, text: […]