jquery - 変更時に URL に送信

Question

リンクをドロップダウン セレクターに置き換える必要があります。私のリンクには複数の変数が含まれています:

<select id="mySelect">
    <option value="'.$showURL.'"'.($resultsBy == '' ? ' selected="selected"' : '').'>option 1</option>
    <option value="'.$showURL.'showPercent&thold='.$threshold.'"'.($resultsBy == 'showPercent' ? ' selected="selected"' : '').'>option 2</option>
</select>

私はjQueryを使用していますが、機能を完了するのに苦労しています:

$("#mySelect").change(function(){
    window.location = ??? (this.value ?)   
});

this.value を使用するのは正しくないようです...

Answer 1

$("#mySelect").change(function(){
    location.href = this.value;
});

これが私がアプローチする方法です。

JS

$("#mySelect").change(function(){
    location.href = this.value; // or $(this).val();
});

HTML

<select id="mySelect">
    <option selected disabled>please select</option>
    <option value="http://google.com">google</option>
    <option value="http://yahoo.com">yahoo</option>
</select>

Answer 2

そして、私は刺します：

$("#mySelect").change(function(){
    window.location = $(this).children('option:selected').val();   
});

個人的に私が好む：

$("#mySelect").on('change', function(){
    window.location = $(this).children('option:selected').val();   
});

Answer 3

試す：

$(function(){
  $("#mySelect").change(function(){
    location.href = $(this).val();
  });
});