Javascript 在select'中创建一个链接;s期权价值

Javascript 在select'中创建一个链接;s期权价值,javascript,html,forms,html-select,Javascript,Html,Forms,Html Select,我有2个下拉菜单,我需要用它的值组成一个链接 代码如下: <form id="dropdown1"> <select id="linha"> <option value="G12">Option 1</option> <option value="G11">Option 2</option> <option value="H89">Option 3</

我有2个下拉菜单,我需要用它的值组成一个链接

代码如下:

<form id="dropdown1">
    <select id="linha">
        <option value="G12">Option 1</option>
        <option value="G11">Option 2</option>
        <option value="H89">Option 3</option>
    </select>
    <select id="dia">
        <option value="all">Every day</option>
        <option value="work">working days</option>
        <option value="sat">saturday</option>
        <option value="sun">sunday</option>
    </select>
</form>

选择1
选择2
选择3
每一天
工作日
星期六
星期日
我需要一些JavaScript来“编写”一个带有
http://somewebsite.com/*选定的\u linha\u值*/*选定的\u直径\u值*

我该怎么做呢?

看一下:

可以使用获取选择框的值。然后将这些值附加到基本url

var url=”http://somewebsite.com/“+$('#linha').val()+”/“+$('#dia').val()

请查看:

可以使用获取选择框的值。然后将这些值附加到基本url


var url=”http://somewebsite.com/“+$('#linha').val()+”/“+$('#dia').val()

我想你需要这样的东西

<script type="text/javascript">
params = getParams();
var name1 = unescape(params["linha"]);
switch(name1)
{
case "g12":
window.location = "http://www.google.com"
}

function getParams(){
var idx = document.URL.indexOf('?');

var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++){
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}

params=getParams();
变量名称1=unescape(参数[“linha”]);
开关(名称1)
{
案例“g12”:
window.location=”http://www.google.com"
}
函数getParams(){
var idx=document.URL.indexOf(“?”);
var params=新数组();
如果(idx!=-1){
var pairs=document.URL.substring(idx+1,document.URL.length).split('&');

对于(var i=0;i我想你需要这样的东西

<script type="text/javascript">
params = getParams();
var name1 = unescape(params["linha"]);
switch(name1)
{
case "g12":
window.location = "http://www.google.com"
}

function getParams(){
var idx = document.URL.indexOf('?');

var params = new Array();
if (idx != -1) {
var pairs = document.URL.substring(idx+1, document.URL.length).split('&');
for (var i=0; i<pairs.length; i++){
nameVal = pairs[i].split('=');
params[nameVal[0]] = nameVal[1];
}
}
return params;
}

params=getParams();
变量名称1=unescape(参数[“linha”]);
开关(名称1)
{
案例“g12”:
window.location=”http://www.google.com"
}
函数getParams(){
var idx=document.URL.indexOf(“?”);
var params=新数组();
如果(idx!=-1){
var pairs=document.URL.substring(idx+1,document.URL.length).split('&');
对于(变量i=0;i

每一天
工作日
星期六
星期日
$(“#直径”)。更改(功能(){
var selctedValue=“”;
$(“选择选项:选定”)。每个(函数(){
selctedValue+=$(this.val();
window.location.href=selctedValue;
});
});

每一天
工作日
星期六
星期日
$(“#直径”)。更改(功能(){
var selctedValue=“”;
$(“选择选项:选定”)。每个(函数(){
selctedValue+=$(this.val();
window.location.href=selctedValue;
});
});
这个怎么样

函数make_url(){
var linha=document.getElementById('linha').value;
var dia=document.getElementById('dia')。值;
var url=window.location.href;
var pos=url.indexOf(“?”);
如果(位置>-1){
url=url.substr(0,pos);
}
//警报(url+'?linha='+linha+'&dia='+dia);返回;
document.location.href=url+'?linha='+linha+'&dia='+dia;
}
这个怎么样

函数make_url(){
var linha=document.getElementById('linha').value;
var dia=document.getElementById('dia')。值;
var url=window.location.href;
var pos=url.indexOf(“?”);
如果(位置>-1){
url=url.substr(0,pos);
}
//警报(url+'?linha='+linha+'&dia='+dia);返回;
document.location.href=url+'?linha='+linha+'&dia='+dia;
}

HTML

<div class="container">
    <select class="small-nav">
    <option value="" selected="selected">Go To</option> 
    <option value="http://whiterabbitexpress.com">Services</option>
    <option value="http://shop.whiterabbitjapan.com">Shop</option>
</div><!-- container -->
HTML


太棒了!如果我想要一个按钮来打开合成链接而不是警报,那该怎么办?如果我想要一个按钮来打开合成链接而不是警报,那该怎么办?如果我想要一个按钮来打开合成链接而不是警报,那该怎么办;我可以使用open(url);谢谢!!或者,
window.location=url;
。不完全正确:
document.location.href=url;
很好,但是smiledge的答案对我来说非常完美,因为我在第一个选择中有551个选项……谢谢你,对不起,伙计。我只是很晚才看到你在代码下面提供的链接选项。不管怎样,你得到了你的答案。一切都很好,但是smi莱奇的答案对我来说非常完美,因为我在第一个选择中有551个选项…谢谢你,对不起,伙计。我只是很晚才看到你在代码下面提供的链接选项。不管怎样,你得到了你的答案。如果我必须为我的每个选项做这些,那么所有的代码都会非常庞大。在第一个选择中,551个选项如果我必须为我的每个选项做的话,代码将非常庞大。551 o选择第一个选项中的选项
$(".small-nav").change(function() {
        window.location = $(this).find("option:selected").val();
    });