画面上で任意のボタンを押下した際に、URLパラメータを付与すること考えています。
・プルダウンで２つの項目を選択できるボタン
・同様のプルダウンボタンが2箇所にある(遷移先は同じ)
このとき、ボタンの状態とどちらのボタンが選択されたか？をparams()という関数の引数に定義しようとしています。
filter = 1,2
place = 1,2
引数を1つ(filter)のみの場合は押したボタンによってうまくURLパラメータがつくのですが、新たにplaceという引数を追加して条件分岐を書き加えたところ、ボタンが反応せずデバッグでもエラーを見られずに困っております。。
どなたかご教示いただけると幸いです。
よろしくお願いいたします。
//ボタンA
<a href="/sample" onclick="params(1,1)"><span class="title">プルダウン1を表示</span></a>
<a href="/sample" onclick="params(1,2)"><span class="title">プルダウン2を表示</span></a>
//ボタンB
<a href="/sample" onclick="params(2,1)"><span class="title">プルダウン1を表示</span></a>
<a href="/sample" onclick="params(2,2)"><span class="title">プルダウン2を表示</span></a>
<script>
function shibori(filter, place) {
var params;
// ボタンAのとき
if (place == 1) {
if (filter == 1) {
params= "place1_filter1";
} else if (filter == 1) {
params= "place1_filter2";
}
// ボタンBのとき
} else if (place == 2) {
if (filter == 1) {
params= "place2_filter1";
} else if (filter == 1) {
params = "place2_filter2";
}
}
window.location = params;
}
</script>
質問文中には「params()という関数」とありますが、実際にコードに記載されている関数名は「shibori」なので、
各aタグのonlickは、
onclick="params(X,X)"
ではなく、
onlick="shibori(X,X)"
と変える必要があります。
また、
window.location = params
は、変数 params に代入された値（"place1_filter1"等）をURLと見做してとしてページ遷移してしまいます。
現在のページのURLにパラメータを付与したいのであれば、
window.location += "?" + params
等に変更する必要があるかと思います。
@tqwko_05
Questioner