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

尝试：

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

Answer 3

我会刺伤：

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

我个人更喜欢：

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

在更改时提交到URL

3 个答案: