Как отправить $ _GET данные в виде массива, разделенного запятой

Question

Я нахожусь в тупике по чему-то, что кажется простым. У меня есть три входа <select>, которым требуются их значения в строке запроса, например, при отправке формы;

domain.com/?filter=one,two,three

Возможно ли это? Как я должен структурировать атрибуты формы name? Мне также было интересно, могу ли я получить значение $_GET на стороне сервера после отправки и создать массив самостоятельно и установить его как URL-адрес страницы, но разве это не будет технически перенаправление?

В идеале это будет сделано с помощью строки запроса, чтобы URL-адрес мог быть скопирован, вставлен или разделен, это также не чувствительные данные. Надеюсь, кто-то может помочь ... немного грубой разметки ниже;

<form action="get"> 
    <select name="filter[]"></select> 
    <select name="filter[]"></select> 
    <select name="filter[]"></select> 
    <button type="submit>Submit</button> 
</form> 

..и есть причина, почему все <option> элемент не в одном <select>, он не идеален, я знаю! Спасибо

Answer 1

Я не советую использовать этот фрагмент кода точно, он просто существует, чтобы продемонстрировать возможное решение с использованием JavaScript.

HTML:

<form action="get" id="myform"> 
    <input id="filter-result" name="filter" type="hidden"> 
    <input class="filter-value"> 
    <input class="filter-value"> 
    <input class="filter-value"> 
    <button type="submit">Submit</button> 
</form> 

JavaScript:

var slice = Array.prototype.slice; 
var myform = document.querySelector("#myform"); 

myform.addEventListener('submit', function() { 
    document.querySelector("#filter-result").value = 
    slice.call(myform.querySelectorAll(".filter-value")) 
    .map(function(input) { 
     return input.value; 
    }).join(','); 
}); 

Обратите внимание, что фильтр-значение входы не имеют name, поэтому они не будут включены в строку запроса GET.