LoginSignup
4
2

More than 5 years have passed since last update.

jQueryでgetパラメータを受け取ってselectボックスを選択させる

Posted at

次のようなURLでgetパラメータを受け取ってフォームのselectの選択肢を切り替えたい場合。
/contact?id=01

selectボックスのhtml


<select name="" id="list">
    <option value="選択1">選択1</option>
    <option value="選択2">選択2</option>
    <option value="選択3">選択3</option>
</select>

jQuery


$(function(){

    var arg  = new Object;
    url = location.search.substring(1).split('&');
    for(i=0; url[i]; i++) {
        var k = url[i].split('=');
        arg[k[0]] = k[1];
    }
    var id = arg.id;

    var list = {
        '01':'選択1',
        '02':'選択2',
        '03':'選択3'
    }

    var list_id = list[id];

    $("#list").val(list_id);

});
4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2