的Javascript下拉（選擇）

所以，我有這樣的代碼：的Javascript下拉（選擇）

<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&to=XX-YY

。

AA將是從選擇區域「DAY1」所選擇的值，

BB會從選擇區域「MONTH1」所選擇的值，

XX將是從選擇區域「DAY2」選擇的值，

YY是從選擇區域選擇的值「MONTH2」

提前感謝！

來源

2011-11-09 DonCroce

請嘗試以下

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;

來源

2011-11-09 21:27:16 JaredPar

使用'$（ '＃...'）。VAL（）' – zzzzBov

我曾經以爲我知道一些jQuery的，但我越讀在這裏的好回答在stackoverflow;我越看到我需要學習的東西。那很棒！ –

@zzzzBov目前還不清楚OP是否想要價值或文本。如果他們想要這個值，那麼是'val（）'會更合適。 – JaredPar

在普通的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;">

來源

2011-11-09 21:28:56

仍然將我重定向到index.php？day1 = 03＆month1 = 11＆day2 = 08＆month2 = 11這些變量都可以，我已經在alert中測試過它們。帶有參數的整個網址得到了正確的提醒 - 表單仍然被提交，但我結束了我的index.php，沒有發生重定向到example.com – DonCroce

添加了

好抓;爲了完整性，我已經更新了相應的答案。 –

怎麼樣...

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');

至於查詢字符串檢索，檢查this環節出

來源

2011-11-09 22:39:13 mitch

的Javascript下拉（選擇）

回答

相關問題