Question

我有两个下拉菜单 - 月份和年份 - 以及一个按钮。当用户单击该按钮时，我想获取所选的月份值和年份值，并将它们作为查询字符串传递给以下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 />

Answer 1

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>

获取选定的下拉选项值jquery

1 个答案: