[jQuery?]select nameの属性を選択値によって変化させたい

Question

初歩的な質問で申し訳ありません。
ヒントをご教示いただければ幸いです。

<div>
<select name="guzai[]" class="select_style">
                        <option value="0">ハム</option>
                        <option value="1">たまご</option>
                        <option value="2">ほうれんそう</option>
                        <option value="3">にんじん</option>
</select>
</div>

<div>
<select name="collar[]" class="select_style">
                        <option value="-1">なし</option>
                        <option value="800">グリーン</option>
</select>
</div>

上記の２つの選択値をguzaiとcollarに取得しています。
２つのセレクターで選んでいるのですがこれを１つにまとめる事はできますでしょうか？

option value=が0.1.2.3のグループと-1.800のグループになっていて
グループを１つにまとめて
上のグループを選択した場合はselect nameは"guzai"に
下のグループを選択した場合はselect nameは"collar"に
なるような書き方はありますでしょうか？

よろしくお願いいたします。

Comments

[yambejp]

おっしゃる意味がよくわかりません
片方を選ぶともう片方が選べなくなればいいのですか？

Answer 1

分けてあるselectをわざわざ混ぜる理由が分からないのだけども、
受け取った配列をphpとかバック側で振り分けてやれば良いかと思います。
guzai[]の中に-1と800があれば取り出してcolor[]に格納…みたいな。

以下蛇足です。
colorのスペルが違う気がします。
それだと服の襟になるらしいですよ。

追記です。
selectを複数選択させるにはmultipleを付けてあげる必要があるみたいです。
僕はcheckboxの方が好きです。スマホでselectを複数選択できるか悩まずに済むので。

Comments

[misedanna]

ご返答ありがとうございます。

折を見てチャレンジしてみます。