使用HTML下拉选择重定向选择

我想这个功能是'一旦选择了某个东西'>该页面然后重定向到一个自定义的URL。

下面是我的标记。

<fieldset id="size"><legend>Product Options</legend> 
<div class="wpsc_variation_forms"> 
<table> 
<tr><td class="col1"><label for="variation_select_48_5">Choose Size:</label></td> 
<td class="col2"><select class="wpsc_select_variation" name="variation[5]" id="variation_select_48_5"> 
<option value="0" >-- Please Select --</option> 
<option value="8" >Large</option> 
<option value="7" >Medium</option> 
<option value="6" >Small</option> 
</select></td></tr> 
</table> 
</div><!--close wpsc_variation_forms--> 
</fieldset>

我发现了一个类似的问题;但给出的解决方案似乎有点笨拙。

SELECT Dropdown that redirects without Javascript

来源

2013-08-26 Fred Randall

自定义网址从哪里来？ – Rooster

使用jQuery：

$(function() { 
    $('#variation_select_48_5').change(function() { 
     document.location = 'http://customurl.abc'; 
    }); 
});

来源

2013-08-26 21:30:02 zigdawgydawg

我知道被分配一个onchange事件选择元素，使选项值作为网址的最简单方法。

<select onchange="window.location = this.options[this.selectedIndex].value;"> 
<option value="http://your-url">Large</option> 
</select>

来源

2013-08-26 21:31:04 keune

希望这有助于

$("select#wpsc_select_variation").change(function(){ 
    if ($(this).val() !== 0) { 
     switch($(this).val()) 
     { 
      case(8): 
       window.location.href = http://www.8.com 
      case(7): 
       window.location.href = http://www.7.com 
      case(6): 
       window.location.href = http://www.6.com 
     } 
    } 
});

来源

2013-08-26 21:35:31 Pablo208

我会写我豆蔻函数，然后触发它取决于重新调整的结果

<?PHP 
    function redirect($where){  
     header("Location: $where"); 
    } 

    if ($_REQUEST['select1'] == '8'){ 
     redirect('http://example.com/somewhere.php'); 
    }elseif($_REQUEST['select1'] == '7'){ 
     redirect('http://example.com/elsewhere.php'); 
    }elseif($_REQUEST['select1'] == '6'){ 
     redirect('http://example.com/elsewhere.php'); 
    } 
?> 

<form> 
<select name="select1" class="wpsc_select_variation" name="variation[5]" id="variation_select_48_5" onchange="this.form.submit()"> 
<option value="0" >-- Please Select --</option> 
<option value="8" >Large</option> 
<option value="7" >Medium</option> 
<option value="6" >Small</option> 
</select>

唯一需要的JavaScript是内select标记触发提交onchange="this.form.submit()"

来源

2013-08-26 21:44:49 Vector

使用HTML下拉选择重定向选择

回答

相关问题