質問: ### 前提・実現したいこと お世話になります。 下記のような二つのセレクトボックスとリンクがあったとして、 セレクトボックスの選択が変更される度に対応するvalue値をリンクのURLパラメータに入れたいのですが、jQueryをどう書けばよいかわかりません。 【動きのイメージ】 ・ページ読み込み時、URLパラメータはセレクトボックスの最初の値が既に入っている。 (例でいうとセレクトボックスはIと赤が選択されている状態で、URLパラメータはnumber=111&color=red) ・ユーザーがnumberのセレクトボックスをIIに変更した際、URLパラメータはnumber=222&color=redとなる。 ※同様にcolorが変更された場合はcolorのパラメータのみが変わる。 【HTML】 I II III 赤 青 白 test ### 試したこと jQueryの.replaceを使おうとしましたが、複数のセレクトボックスを対象とする場合のコードがよくわかりませんでした。
回答: すなおにやればこんな感じでは? ``` $(function(){ var href="http://hoge.hoge/"; $('#number,#color').on('change',function(){ var number=$('#number').val(); var color=$('#color').val(); $('#test').prop('href',href+"?number="+number+"&color="+color); }); }); ``` ``` I II III 赤 青 白 test ```