【やりたいこと】
Webサイト構築につきましてのご質問です。
あらかじめ設定したURLパラメータの値を
switch文で条件分岐させたいのです。
パラメータ設定が
…/?category=tokyo …の場合 webページ上に「東京です。」
パラメータ設定が
…/?category=apple …の場合 webページ上に「リンゴです。」
…と、ページ上で文字列の表記を
以下の実装によって再現したいのです。
↓
【実装例】
例:パラメータの値を【apple】と【tokyo】の2つに設定した場合。
https://teratail.com/?category=apple&category=tokyo
(1)
//現在のURLパラメータを取得
var urlParam = location.search.substring(1);
// URLにパラメータが存在する場合
if(urlParam) {
// 「&」が含まれている場合は「&」で分割
var param = urlParam.split('&');
// パラメータを格納する用の配列を用意
var paramArray = [];
// 用意した配列にパラメータを格納
for (i = 0; i < param.length; i++) {
var paramItem = param[i].split('=');
paramArray[paramItem[0]] = paramItem[1];
}
alert(paramItem[1]);
}
(2)
ここまで設定するとアラート表示(alert(paramItem[1]);)で
「apple」、「tokyo」がそれぞれ格納されることが確認できます。
そこでswitch文で分岐させていきます…。
// 格納したパラメータの値を取得
var test = (paramItem[1]);
switch (test)
{
case "apple":
$('#test').html('リンゴです');
break;
case "tokyo": $('#test2').html('東京です'); break;
}
変数"test" と case "apple" が等しいので、
testタグに「リンゴです」と表示されます。
【問題点】
しかし、#test2タグには「東京です」と
同時に表記ができませんでした。
…ここで問題なのですが、
パラメータの値が、【リンゴ】かつ【東京】の
場合、switch文で条件分岐・表示させる式を
どうぞご教授お願い致します。。
ちなみに実装の参考にしたサイトはこちらです。
■JavaScriptでURLのパラメータやアンカーを判断して処理を変更する方法
https://www.tam-tam.co.jp/tipsnote/javascript/post9911.html
以上です。
どうぞよろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー