select2 - 在 select 上提交表格

Question

這可能是一個簡單的問題，但我對 JavaScript 還不是很堅定。

我想要一個使用 select2 自動完成的搜索表單。

當用戶在 select2 下拉框中選擇結果時，我想立即提交搜索表單，這樣我就不需要表單按鈕。

我找到了 select2:select 事件處理程序 - 但我沒有讓它工作。 有什么幫助嗎？

我的 select2 工作正常，如果我包含一個按鈕，我可以提交表單並接收選定的 object id：

<form action="" method="get" id="project-search">
        <select class="form-control"
                data-autocomplete-light-function="select2"
                data-autocomplete-light-url="/output/project-autocomplete/"
                data-placeholder="Suche nach Projektnr. oder Projektleiter"
                id="id_projekt" name="projekt">
            <option value="" selected="selected">----------</option>
        </select>
</form>

javascript 片段似乎不起作用：

<script type="text/javascript">
    $(document).ready(function() {
    $eventSelect.on("select2:select", function() {
       console.log("select2:select");
       $(this).parents('form').submit();
    });
});
</script>

編輯：我在我的 chrome 控制台中收到此錯誤消息：

Uncaught ReferenceError: $eventSelect is not defined

謝謝！

我正在使用 django 和 django-autocomplete-light 作為后端順便說一句。

Answer 1

https://api.jquery.com/change/

Jquery 具有能夠檢測選擇/復選框更改的功能。 嘗試：

$('#id_projekt').change(function(){ $('#project-search').submit(); });

Answer 2

一個簡單的香草解決方案

<select onchange="this.form.submit()">
  ...
</select>