Jquery Select2-在select上重新提交表单

Jquery Select2-在select上重新提交表单,jquery,jquery-select2,Jquery,Jquery Select2,我使用Select2插件显示一个可搜索的下拉列表(带有选择多个项目的选项)。是否有人可以帮助我在每次选择新值(如果可能,取消选择)时重新提交表单 我知道select2有“select”事件,但我无法使代码正常工作。表格编号: <select class="form-control select2-search" name="product_id[]" multiple="multiple"><option value='1'>1</option>...<

我使用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>
1…999
以下是Select2的代码:

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

$(文档).ready(函数(){
变量$eventSelect=$(“.select2搜索”)。select2({
研究的最小结果:6
});
$eventSelect.on(“select2:select”,函数(){
这个。提交();
});
});

这里怎么了?

您实际上是在提交select,而不是表单

试试这个

<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>

$(文档).ready(函数(){
变量$eventSelect=$(“.select2搜索”)。select2({
研究的最小结果:6
});
$eventSelect.on(“select2:select”,函数(){
console.log(“select2:select”);
$(this.parents('form').submit();
});
});
或者试试这个

<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>

$(文档).ready(函数(){
变量$eventSelect=$(“.select2搜索”)。select2({
研究的最小结果:6
});
$eventSelect.on(“更改”,函数(){
console.log(“select2:select”);
$(this).parents('form')。find('button')。click();
});
});

感谢您的努力,但它仍然不起作用(我需要手动单击“提交”按钮以使表单正常工作)请检查我的编辑,请告诉我console.log Happenst现在是否有“问题”。当我选择任何项目时,页面会快速重新加载(项目仍处于选中状态),但表单仍不会被提交。到目前为止就这些了。请看这里-我使用了FirefoxLiveHeaders插件,我看到表单实际上被提交了。我认为它不起作用的原因是自动提交没有提交提交按钮本身的值()。如果不能自动提交此按钮的值,我将修改表单中的一些代码,没有问题,这是真的!非常感谢您的帮助,我在javascript方面没有太多经验。再次感谢,祝你周末愉快