根据选择框的值

Question

我该怎样做？（使用简单的html表单和javascript或jquery，无论我需要什么）

1）要将下拉值附加到URL，如下所示： http://www.url.com/catalogsearch/result/?q=dropdownvalue1+dropdownvalue2

（+符号将保持在那里＆＃34; dropdownvalue1＆＃34; +＆＃34; +＆＃34; +＆＃34; dropdownvalue2＆＃34;）

2）要使用这样的IF构建URL： http://www.url.com/catalogsearch/result/?q=customvar

其中customvar类似于IF dropdownvalue1 = abc AND dropdownvalue2 = def THEN URL = customurl

在选择下拉列表后单击“提交”时，1和2都会将我发送到该URL。我怎么能这样做？

我知道如何创建选择并转到网址，但我想要点击提交转到网址，而不是马上去，并且还附加了这些值。

<select id="dropdown">
<option value="">Select</option>
<option value="google">Google</option>
<option value="bing">Bing</option>
</select>


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#dropdown").change(function(){
if ( $("#dropdown option:selected").val() == 'google'){
window.location = 'http://google.com';
}
if ( $("#dropdown option:selected").val() == 'bing'){
window.location = 'http://bing.com';
}
});
});
</script>

提前致谢。

Answer 1

不应该是window.location.href？

Answer 2

根据选择框的值

重定向到网址

将此按钮添加到您的HTML

<input type="submit" value="Submit" onclick="url()"/>

该按钮包含一个运行此javascript函数的onclick事件

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
   function url() {
        var value1 = $("#dropdown").val();
        if ( value1 == 'google'){
            window.location.href = 'http://google.com';
        }
        if ( value1 == 'bing'){
            window.location.href = 'http://bing.com';
        }
    }
</script>

改变以满足您的需求
这是从选择框var value1 = $("#dropdown").val();获取值的行如果要创建更多选择框，只需添加另一个变量即可检索数据例如var value2 = $("#dropdown2").val();
您还可以编辑if语句并使用window.location重定向中的变量。

if (value1 == 'google' && value2 == "something"){
    window.location.href = 'http:/google.com?value1='+value1+'&value2='+value2;
}

更简单的方法

使用选择框值更改单个网址。

function url() {
    var value1 = $("#dropdown").val();
    window.location.href = 'http://'+value1+'.com';
}

使用我选择的下拉值转到URL（url.com/dropdownvalue1+dropdownvalue2+etc）

2 个答案:

根据选择框的值

更简单的方法