Tag: jquery select2
Select2 jquery – 如何在selectbox中获取文本
我有输入文字 我使用select2 $(“#xa”).select2({…}); 现在，当我按“获取文字”时，我想获取文字 $(“#gettext”).click(function () { alert($(‘#xa’).val()); // or $(‘#xa’).select2(“val”); }); 但它得到了文本的id。 这不是文字。 我该怎么做。 谢谢
django-autocomplete-light – 如何返回不同的字段然后是模型主键？
我正在使用django-autocomplete-light 在模型的forms我想在其中一个字段上使用自动完成。 该字段不是外键或其他东西，而只是一个整数字段，对于自动完成，我实际上想要使用相同的模型，然后填写表格。 但是，自动完成的查询集会返回ID，我想填写“projektnummer”字段。 任何线索我如何设置自动完成，以便它不返回模型的主键，但返回其他一些字段？ 当我在整数字段上使用autocomplete-widget时，似乎我从脆弱的表单中得到了有线故障。 models.py class KombiPublikation(models.Model): typid = models.ForeignKey(‘KombiPublikationsTypMedium’, verbose_name=’Outputtyp’, db_column=’typid’) # publikationstyp.id or publikationstypinfo.typid […] projektnummer = models.IntegerField(verbose_name=’Projektnr.’, default=0, blank=True) […] views.py class SearchProjectinFormAutocomplete(autocomplete.Select2QuerySetView): def get_queryset(self): qs = KombiPublikation.objects.filter(typid__in=[222, 223, 224]).filter(zeigen=1) if self.q: qs = qs.filter(Q(projektnummer__contains=self.q)) return qs forms.py class KombiPublikationForm(forms.ModelForm): class Meta: model = KombiPublikation #fields = [] exclude = […]
Knockout.js与多个Select2绑定
我的问题是什么时候我将我的Select2与具有Knockout View模型的Multiple捆绑在一起。 选择其中一个选项后，数据将第二次丢失 KnockOutCode $(window).load(function () { ko.bindingHandlers.select2 = { init: function (element, valueAccessor, allBindingsAccessor) { var obj = valueAccessor(), allBindings = allBindingsAccessor(), lookupKey = allBindings.lookupKey; $(element).select2(obj); if (lookupKey) { var value = ko.utils.unwrapObservable(allBindings.value); $(element).select2(‘data’, ko.utils.arrayFirst(obj.data.results, function (item) { return item[lookupKey] === value; })); } ko.utils.domNodeDisposal.addDisposeCallback(element, function () { $(element).select2(‘destroy’); }); }, update: function (element) […]
Select2 – Ajax搜索 – 记住最后的结果
我正在使用Select2 3.5.1。 有了这个插件，我可以成功加载远程数据。 但是我今天在这里提出一个问题来改进这种搜索。 以下是逐步了解我想要做的事情： 设置带有远程数据加载的Select2（使用ajax）。 单击Select2输入并搜索某些内容。 将显示加载，几秒钟后您将看到结果列表。 单击列出的结果之一 – 结果框将消失。 如果再次单击搜索框，则列表将为空，您需要再次键入一些新文本以获得结果列表。 是否有可能当我们再次点击搜索框时，先前搜索过的结果列表重新出现而没有任何ajax调用？ 然后，如果用户删除字符或更改其搜索条件，则它将再次触发ajax搜索。 如果有可能，我们将如何编码？ 我希望我的问题很清楚，如果您有任何问题，请告诉我。 谢谢。 这是一个非常简单的代码，我们进行搜索，返回结果列表。 它并不真正搜索，但它会在您输入内容时返回一个列表。 我不知道如何使用其中一个响应中提到的initSelection。 Test page for ajax cache $(document).ready(function(){ $(‘#select’).select2({ ajax: { type: ‘POST’, url: ‘ajax.php’, dataType: ‘json’, data: function(term, page){ return { autoc: ‘country’, term: term } }, results: function(data, page){ console.log(data); return( {results: data.results} ); } […]
选择2 v4无法选中，按回车键，然后选择，使用Firefox（也称为无鼠标访问）
我目前无法在Firefox（38.0.5）中启用Select2的元素 – 换句话说，无法以鼠标方式访问选择 。 在Chrome中，您可以浏览表单并按Enter键以开始在Select2 select元素中选择项目。 我没有在其他浏览器中测试过，但在提交实际的错误报告之前，我想validation其他浏览器是否遇到同样的问题？ 您可以在演示页面上复制 。 选择2 v4.0.0 Twitter Bootstrap 3.3.4（虽然没有为Bootstrap的样式添加任何其他项目） Firefox v38.0.5
编程选择select2，它通过Ajax检索其数据
我正在使用select2版本4.0，我正在尝试对选择框进行编程选择，该框从ajax调用获取其数据。 在文档中，我找到了如何以编程方式将值设置为常规select2，但我无法弄清楚如何使用ajax select来执行此操作。 如果我没记错的话，在旧版本中，您可以通过使用以下命令将数据传递给select2来设置当前值： jQuery(“selectbox”).select2(“data”, data) 我试过这个，并发送了一个带有，id，text和result的数据对象，但没有任何可见的事情发生，当我查询选择框的状态时，为了查看所选的值，它返回null。 此选项已删除，或只是更改？ 我在哪里可以在文档中找到它，或者我怎样才能实现所需的行为？
使用select2自动标记粘贴字符串中的最后一项
我正在使用jQuery Select2创建一个允许自动标记化的输入。 我用以下选项初始化了select2输入： { tags: [”], tokenSeparators = [‘,’, ‘ ‘] } 很基本的东西。 当我在输入中键入一串文本，后跟逗号或空格时，前面的字符串被标记化，正如我所期望的那样。 但是，我需要支持将文本粘贴到输入中。 事情就这样崩溃了。 如果我将’1,2,3,4’粘贴到输入中，我会得到1,2和3的单独标记，但4不是标记化的。 相反，它仍然是input.select2-input的值，当焦点改变时，值消失。 我尝试了许多不同的方法，但无济于事。 我试图拦截粘贴事件，使用e.originalEvent.clipboardData.getData(‘text/plain’)获取粘贴的字符串的值，取消事件，并在更改输入的值之前在字符串的末尾添加逗号超时.select2(‘val’, str) 。 我尝试在粘贴事件之后模拟逗号keypress事件。 （ .trigger({type: ‘keypress’, which: 188}) ） 我尝试通过拆分粘贴字符串为创建的数组中的每个项目更改input.select2-input的值。 似乎没什么用。 有任何想法吗？
如何在select2下拉框中添加HTML内容
我已经使用Select2插件进行标签输入。 这是我基本工作的小提琴 。 我需要在下拉框中显示每个选项/标签的“使用过的数字”，如下所示： 我在我的CSS（ .used-number ）中为该数字创建了一个类。 但是，我不明白如何为我的HTML文件中的每个选项添加该数字。 有没有办法添加这样的东西（或任何其他方式）： $(“.tag”).select2({ data:[{tag: ‘red’,text:’3′,className: ‘used-number’},{tag: ‘green’,text:’12’,className: ‘used-number’},{tag: ‘blue’,text:’5′, className: ‘used-number’},{tag: ‘black’,text:’7′}] }); }）;
Select2使用文件中的Ajax加载数据
我有一个名为listofValues.php的脚本，它查询数据库并返回JSON格式值。 我需要的是将这些值传递给select2 data成员。 我需要它加载一次。 我不需要将select2输入（term）中的值传递给我的listofValues.php ，如本例所述 $(‘#select2div’).select2({ //data:[], ajax: { dataType: “json”, url: “listofvalues.php”, success: function (data) { } } 你能帮我解决这个问题吗？
动态select2未触发更改事件
我有一个内部有几个选择的表单。 我正在将select2 jquery插件应用于这样的选择： $(“select.company_select, select.positions_select”).select2(); select的工作正常，但是我有这个代码自动提交我的表单（我在表单标签上有autosubmit类）。 var currentData; $(‘.autosubmit input, .autosubmit select, .autosubmit textarea’).live(‘focus’, function () { currentData = $(this).val(); }); $(‘.autosubmit input, .autosubmit select, .autosubmit textarea’).live(‘change’, function () { console.log(‘autosubmiting…’); var $this = $(this); if (!currentData || currentData != $this.val()) { $($this.get(0).form).ajaxSubmit(function (response, status, xhr, $form) { currentData = “”; }); } }); 问题是，使用select2，更改或焦点事件根本不会触发。 […]
