獲取seleceted下拉選項值jquery

我有兩個下拉菜單 - 一個月和一年 - 以及一個按鈕。當用戶點擊按鈕時，我想獲取選定的月份值和年份值，並將它們作爲查詢字符串傳遞到如下URL：https://mysite.com/events.aspx?my=may2012。獲取seleceted下拉選項值jquery

如何使用jQuery或Javascript獲取這些值？

<div id="datepicker"></div> 
<div class="calendForm"> 
    <span class="inpMonth"> 
     <select> 
      <option selected="selected">September</option> 
     <option>August</option> 
     <option>July</option> 
     <option>June</option> 
     <option>May</option> 
     <option>April</option> 
     <option>March</option> 
     <option>February</option> 
     <option>January</option> 
     <option>December</option> 
     <option>November</option> 
     <option>October</option> 
     </select> 
    </span> 
    <span class="inpYear"> 
     <select> 
      <option selected="selected">2012</option> 
      <option>2013</option> 
      <option>2014</option> 
     <option>2015</option> 
     </select> 
    </span> 
    <a href="#" type="submit" class="btnBlue"><span>GO</span></a> 
</div><br />

來源

2012-01-03 Anju Thapa

T. Stone的答案有錯誤。選擇器應該有一個點。除此之外 - 偉大的答案！

See my fiddle

<script> 
$(function(){$(".btnBlue").click(function(){ 
    window.location = "https://mysite.com/events.aspx?my=" + $(".inpMonth select").val().toLowerCase() + $(".inpYear select").val(); 
})}) 
</script>

來源

2012-01-03 21:28:20

太好了！感謝您糾正我和T. Stone。 – 2012-01-03 21:43:38

謝謝，但信貸應該去T.斯通。 – 2012-01-03 21:52:37

我假設你想讓這一切發生在btnBlue的點擊事件上。

開始與一個單擊處理...

$('a.btnBlue').click(function() { 
    // ... 
});

然後拿到月/年的值...

var month = $('.inpMonth select').val(); 
var year = $('.inpYear select').val();

然後導航到該網址...

window.location.href = 'https://mysite.com/events.aspx?my=' + month + year;

所有這一切...

$('a.btnBlue').click(function() { 
    var month = $('.inpMonth select').val(); 
    var year = $('.inpYear select').val(); 
    window.location.href = 'https://mysite.com/events.aspx?my=' + month + year; 
});

來源

2012-01-03 21:15:43

第一，得到引用您的選擇並鏈接DOM對象：

var button = $('a.btnBlue'); 
var month = $('#datepicker .inpMonth select'); 
var year = $('#datepicker .inpYear select');

下一個，創建一個函數來&年返回當前月份的字符串：

function currentSelection() { 
    return month.val() + year.val(); 
}

創建一個功能，根據currentSelection（）導航到新的url：

function navigateToDate() { 
    window.location.href = "https://mysite.com/events.aspx?my=" + currentSelection(); 
}

wh恩單擊按鈕時，調用navigateToDate（）：

button.click(navigateToDate);

來源

2012-01-03 21:18:54 elijah

要獲得一個月嘗試

$(".inpMonth select").val();

爲了解析一個整體的形式給.serialize（）和.serializeArray（）試試

$("form").serialize()

來源

2012-01-03 21:19:57 Pablo

獲取seleceted下拉選項值jquery

回答

相關問題