Javascript下拉菜单(选择)

Javascript Dropdown (Select)

本文关键字：选择 下拉菜单 Javascript      更新时间：2023-09-26

所以，我有这样的代码:

<form id="a">
<select name="day1" id="day1">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
...
</select>
<select name="month1" id="month1">
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
...
</select>
<select name="day2" id="day2">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
...
</select>
<select name="month2" id="month2">
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
...
</select>
<input type="submit" value="Submit" />
</form>
我需要脚本将浏览器重定向到

http://example.com/?from=AA-BB& = XX-YY

在提交表单之后。

AA将是从select area "day1"中选择的值，

BB将是从select area "month1"中选择的值，

XX将是从select area "day2"中选择的值，

YY将是从选择区域"month2"中选择的值

提前感谢!

试试下面的

var day1 = $('#day1 option:selected').text();
var month1 = $('#month1 option:selected').text();
var day2 = $('#day2 option:selected').text();
var month2 = $('#month2 option:selected').text();
var suffix = 'from=' + day1 + '-' + month1 + '&to=' + day2 + '-' + month2;
window.location = 'http://mypage.com/?' + suffix;

…

var sFrom="02-03",sTo="03-02";
var from = sFrom.split('-');
var to= sTo.split('-');
console.log(from);
console.log(to);
$('select#day1 > option[value="'+from[0]+'"]').attr('selected','selected');
$('select#month1 > option[value="'+from[1]+'"]').attr('selected','selected');

$('select#day2 > option[value="'+to[0]+'"]').attr('selected','selected');
$('select#month2 > option[value="'+to[1]+'"]').attr('selected','selected');

关于查询字符串检索，请查看此链接

在纯javascript中，您可以执行以下操作(按您表示的变量分开):

function submitHandler() {
    var AA = document.a.day1.value;
    var BB = document.a.month1.value;
    var XX = document.a.day2.value;
    var YY = document.a.month2.value;
    location.href = "http://example.com/?from=" + AA + "-" + BB + "&to=" + XX + "-" + YY;
}

然后为表单设置onsubmit，如下所示:

<form name="a" onsubmit="submitHandler(); return false;">
相关文章：