GETパラメータから値を取得し、inputタイプtxetを書き換える方法

jQueryを使ってURLの特定のパラメータの値を取得する方法です。

http://www.example.com/index?searchword=1&name=taro

というURLがあった時にsearchwordの値を取得します。

 


また、jQueryのreadyとonloadがあり、それぞれ実行されるタイミングが異なります。

・ready
DOMツリーの構築が完了したら実行される。

・load
画像、動画などの関連データの全ての読み込みが完了したら実行される。

パラメータを渡すということは、ページ遷移後になるので画像、動画などの関連データの全ての読み込みが完了したらinputタグを書き換えるようにしています。

 

$(window).load(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 search_txt = arg.searchword;
  $('#text').val(search_txt);
});

 

 

 

参考サイト：

http://www.searchlight8.com/jquery-get-param/

 

category cloud