javascript - 複数のselectオブジェクトをjavascriptで結合する方法

Question

私は3つの異なる名前を持つ3つのSELECTボックスを持っています

<select name="a">
  <option>something</option>
  <option>something</option>
</select>
<select name="b">
  <option>something</option>
  <option>something</option>
</select>
<select name="c">
  <option>something</option>
  <option>something</option>
</select>

フォームを送信する前に、3つの選択を1つに結合したいと思います。これは、反対側のPHPスクリプトがオブジェクト/配列「a」しか処理できないためです。

私はそれがこのように働くことができると思いました：

  <input type="hidden" name="temp" value="" />
  <a href="#" onclick="document.formIndex.temp.value = \n
    document.formIndex.a.value.concat(document.formIndex.b.value,
    document.formIndex.c.value); alert(document.formIndex.c.value);
    document.formIndex.a.value = document.formIndex.temp.value;
    document.formIndex.submit(); return false" class="search_button">
    search
  </a>

しかし、それはうまくいきません。私がすべきことのヒントをありがとう。

Answer 1

それらに同じ名前を付けるだけで、ブラウザは同じキーを持つ3つの値をサーバーに送信します。

<select name="a">
  <option>something</option>
  <option>something</option>
</select>
<select name="a">
  <option>something</option>
  <option>something</option>
</select>
<select name="a">
  <option>something</option>
  <option>something</option>
</select>