前提・実現したいこと
質問をご覧いただき誠にありがとうございます。
phpで生成したプルダウンリストにパラメータに応じて
例えば、東京都/神奈川県/千葉 の中から、URL(パラメータ)にtokyo を含んでいたら
ページが表示された時にあらかじめ東京都が選択されている状態にしたいです。
▼こちらの質問の応用のイメージで御座います
https://teratail.com/questions/37330
追加での要望
実際にはあらかじめ選択させたいプルダウンは2つありまして、
大カテゴリ と 中カテゴリが一気に選択されるイメージで御座います。(例:東京都 渋谷区 のように)
なので、2つのプルダウンを同時に操作する前提でご回答を頂けますと幸いで御座います。
該当のソースコード
HTML
1<td class="select-ornament"> 2 <!--選択肢その1--> 3 <span>■都道府県</span> 4 <select id="col1" name="都道府県"> 5 <option value="val1">東京都</option> 6 <option value="val2">神奈川県</option> 7 <option value="val3">千葉県</option> 8 </select> 9 10 <!--選択肢その2--> 11 <span>■市区町村</span> 12 <select id="col2" name="市区町村"> 13 <option value="val4">渋谷区</option> 14 <option value="val5">港区</option> 15 <option value="val6">江戸川区</option> 16 </select> 17</td>
試したこと
jQueryでやる方法を試した内容を追記致します。
下記のサイトを参考に、
http://matsukaz.hatenablog.com/entry/20070704/1183567771
https://manablog.org/url-condition-jquery/
jQuery
1 2$(window).bind("load", function(){ 3 // URLにtokyoが含まれていたら実行 4 if(document.URL.match("tokyo")) { 5 // #col1 の選択肢をval1(東京都)に 6 $("#col1").val("val1"); 7 } 8}); 9
上記を試しました。
HTMLやoption値は変更頂いて問題御座いません。
また、今のHTMLの構造ではなく、phpの中にHTMLが含まれる構造に変えなければいけないことも理解はしております。