2011-12-28 7 views
0

をURLにクエリ文字列としてドロップダウン選択した値を渡すと、私は特定のURLに向けられているし、その選択した値は、クエリ文字列としてURLに付加されているトリガします。どのようにjavascriptまたはjqueryでそれを達成するには?ダイアーが選択されているのであれば、結果はhttp://mysite.com/events.aspx?hosp=Dyerは、HTMLドロップダウン値のselectイベントで

に向けられているべきである

<select id="hospitalDropDown"> 
      <option>All Hospitals</option> 
      <option>Dyer</option> 
     <option>Carmel</option> 
     <option>Indianapolis</option> 
     <option>Beech Grove</option> 
</select> 

誰かが助けることができますか? jqueryの

$('#hospitalDropDown').on('change', function(e){ 
    document.location.href = "http://blah" + $(this).val(); 
}); 

EDITで

答えて

2

:あなたはjQueryの最新バージョンを使用している場合は、on() functionを使用してイベントハンドラをアタッチすることができます

+0

は完璧だったこと、ありがとうございます! –

+0

おかげで、あなたはこの辺り – gotofritz

+0

:-)非常に便利なありがとう、いくつかの担当者を取得しようとし、その後、少しupvoteを気にしません!古い答えた1 – Alex

1

「上」より現代的に「バインド」に変更。この動作を確認するには

$('#hospitalDropDown').on('change', function() { 
    window.location.assign('http://mysite.com/events.aspx?hosp=' + $(this).val()); 
}); 

http://jsfiddle.net/73PEg/

+1

ためのおかげで.onのみjQueryの1.7 – gotofritz

+0

ので、働くことは注目に – ryanulit

+0

.change()は、唯一の現在のDOM要素をロードするためにアタッチします。ドキュメントから「.on()メソッドは、jQueryオブジェクト内の要素の現在選択されたセットにイベントハンドラを添付のjQuery 1.7のように、.on()メソッドは、イベントハンドラを取り付けるために必要なすべての機能を提供するヘルプについての変換に。古いjQueryイベントメソッドから.bind()、.delegate()、.live()を参照してください。 – nachito

関連する問題