如何將多選選定選項作為URL中的一個參數發布-Bootstrap Multiselect

Question

我正在使用bootstrap-multiselect，並且需要提交帶有選定選項的表單。

但是在表單提交時，URL變成這樣....&sites=1&sites=2&sites=3而我需要將其設為...&sites=1,2,3

這是我的代碼：

<select id="sites" name="sites" class="form-control" multiple="multiple">
    <option value="1">Site 1</option>
    <option value="2">Site 2</option>
    <option value="3">Site 3</option>
</select>

JS：

$('button[type=submit]').click(function () {

      var text = $('#sites').val()
      //I have the list in `text` as 1,2,3 which need to in url
      //do the rest and continue submit

如何在url中發布這些選定的值（即url/sites=1,2,3而不是url/sites=1&sites=2&sites=3 ）

謝謝你的幫助！

Answer 1

您可以將選擇重命名為網站[]

<select id="sites" name="sites[]" class="form-control" multiple="multiple">
    <option value="1">Site 1</option>
    <option value="2">Site 2</option>
    <option value="3">Site 3</option>
</select>

這將通過提交而沒有任何js的變量站點作為具有多個選定選項的數組發送到服務器。

Answer 2

我是通過使用隱藏字段來完成的。

var text = $('#sites').val();
$('#sites_hidded').val(text);

帶有html（從select中刪除了名稱attr，因此它不會與表單一起提交）

<select id="sites" class="form-control" multiple="multiple">
    <option value="1">Site 1</option>
    <option value="2">Site 2</option>
    <option value="3">Site 3</option>
</select>
<input type="hidden" name="sites" id="sites_hidden">