選擇2 - 選擇重新提交表格

Question

我使用Select2插件顯示可搜索的下拉列表（可選擇多個項目）。每次有人選擇新值時（如果可能，取消選擇），有人可以幫助我獲取表單（重新）。

我知道select2有「選擇」事件，但我無法讓代碼工作。表單代碼：

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

下面是選擇二代碼：

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

有什麼不對嗎？

Answer 1

你實際上submiting的選擇，而不是形式..

試試這個

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