如何将多选选定选项作为 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 一个变量站点作为具有多选选项的数组。