Form】URLパラメーターで遷移先のフォームのselect要素を選択する方法ゆうや2020/01/03SHAREツイートシェアはてブGoogle+PocketLINEこんにちは。UVERworld布教クリエイターのゆうや(@yuyaphotograph)です!本記事では、URLパラメーターで遷移先のフォームのselect要素を選択する方法をご紹介します。「URLパラメーター」というのは、「?変数=値」というようにURL末尾に付け加える文字列のことを言います。PIECE」と検索した時の検索結果ページのURLはこんな感じになります。https://yuyauver98.me/?s=ONE+PIECEドメインの末尾に「?s=検索ワード」となっていることが確認できますね。sはsearchの頭文字です。今回はそのURLパラメーターを利用して値をセットしてみます。Form」での実装例となりますのでご了承ください。実装したいことのイメージ図を作ったのでご覧ください(^o^)↓↓↓ボタンが3つあってクリックしたボタンによって選択される値が変わるというやつ拙い図ですが伝わりましたかね?笑MEMO「項目1」などのボタンはaタグで実装する想定です。URLパラメーターでselect要素を選択するポイント今回の実装の要点をまとめると以下のようになります。↓↓↓aタグのURLに条件分岐判定用のURLパラメーターをつけておくfunctions.phpにカスタムクエリなどを追加しておく遷移先ページでswitch文でURLパラメーターの値によって条件分岐し該当のoptionタグを選択状態にするそれでは、1つずつコードを見ていきましょう。?>">項目3</a>「?option_id=数字」が肝です。数字は遷移先ページでのswitch文で使用します。}条件分岐を行った後、該当のoptionタグにsetAttributeメソッドを用いてselected属性の値をtrueにすることで予め選択した状態で表示することができます!まとめ以上、URLパラメーターで遷移先のフォームのselect要素を選択する方法をご紹介しました。ぼくは友人のエンジニアに今回紹介した方法をやってもらい対処できたので同じ様に困っている方、きっといると思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。