Javascript 获取所选下拉选项值jquery

我有两个下拉列表——月份和年份——和一个按钮。当用户单击该按钮时，我想获取所选的月份值和年份值，并将它们作为查询字符串传递给URL，如下所示：

https://mysite.com/events.aspx?my=may2012

如何使用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
2013
2014
2015

我假设您希望这一切发生在

btnBlue

的点击事件上

从单击处理程序开始

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

然后获取月/年的值

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

然后导航到该URL

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

---

首先，获取对SELECT和LINK dom对象的引用：

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

接下来，创建一个函数以字符串形式返回当前月份和年份：

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

创建一个基于currentSelection（）导航到新url的函数：

单击按钮时，调用navigateToDate（）：

要得到这个月的奖金，请尝试

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

要解析整个表单，请尝试.serialize（）和.serializeArray（）

---

斯通的回答有一个错误。选择器应该有一个点。 除此之外，回答得很好

$（function（）{$（“.btnBlue”）。单击（function（））{
window.location=”https://mysite.com/events.aspx?my=“+$（“.inpMonth选择”）.val（）.toLowerCase（）+$（“.inpYear选择”）.val（）；
})})

button.click( navigateToDate );

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

$("form").serialize()

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