Question

我使用Select2插件显示可搜索的下拉列表（可选择多个项目）。每当选择一个新值时，有人可以帮我提交表格（重新提交）（如果可能的话，取消选择）。

我知道select2有“select”事件，但我无法使代码正常工作。表格代码：

<select class="form-control select2-search" name="product_id[]" multiple="multiple"><option value='1'>1</option>...<option value='999'>999</option></select>

以下是Select2的代码：

<script type="text/javascript">
$(document).ready(function() {
  var $eventSelect=$(".select2-search").select2({
  minimumResultsForSearch: 6
});
$eventSelect.on("select2:select", function() {
this.submit();
});
});
</script>

这里有什么问题？

Answer 1

您实际上是在提交选择，而不是表单..

试试这个

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

或试试这个

<script type="text/javascript">
    $(document).ready(function() {
        var $eventSelect=$(".select2-search").select2({
           minimumResultsForSearch: 6
        });
        $eventSelect.on("change", function() {
           console.log("select2:select");
           $(this).parents('form').find('button').click();
        });
    });
    </script>

选择2 - 在选择时重新提交表单

1 个答案: