Question

这个插件可以帮我吗？
https://www.jqueryscript.net/form/Bootstrap-Combo-Box-Typeahead-Plugin-jQuery.html

我正在使用Bootstrap 3，并且已经将插件放在我的静态文件夹中。

我试图在我的选择字段中添加一个ID，但是没有用。

forms.py

class IndividuForm(forms.Form):
    individu = forms.ModelChoiceField(queryset=Individu.objects.order_by('nom'), empty_label="")

    def __init__(self, *args, **kwargs):
        super(IndividuForm, self).__init__(*args, **kwargs)
        self.fields['individu'].widget.attrs={'class': 'combobox','id':'mySelect'}

脚本

<script>
   $('.mySelect').combobox()
</script>

Answer 1

据我所见，您要定位的字段是：

<select class="combobox" id="mySelect"></select>

但是您的jQuery是针对性的

<select class="mySelect"></select>

，要定位正确的元素，您应该使用：

$('#mySelect').combobox()

还要确保在页面上的组合框之前调用jQuery。

Answer 2

对我来说，我以前从未听说过组合框，我可能会变老：）

但是您需要做的很简单。只是在jquery中给变量一个函数

$('#select').on('change', function() {
  alert( "Do whatever u want");
});

我在网上找到了自动填充插件，但不了解如何在模板中实现该插件

2 个答案: