Как опубликовать multiselect выбранные параметры как один параметр в 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

Я сделал это, используя скрытое поле.

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

с HTML (удалить имя 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"> 

Answer 2

Вы можете переименовывать выбрать для сайтов []

<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 одной переменной сайтов как массив с несколькими выбранными параметрами.