获取seleceted下拉选项值jquery

我有两个下拉菜单 – 月份和年份 – 还有一个按钮。 当用户单击该按钮时，我想获取所选的月份值和年份值，并将它们作为查询字符串传递给如下URL： https://mysite.com/events.aspx?my=may2012 ： https://mysite.com/events.aspx?my=may2012 。

如何使用jQuery或Javascript获取这些值？

 
 
   September August July June May April March February January December November October     2012 2013 2014 2015   GO 

 

Answer 1

T. Stone的答案中有一个错误。 选择器应该有一个点。 除此之外 – 很棒的答案！

看我的小提琴

Answer 2

我假设你希望这一切都发生在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; }); 

Answer 3

首先，获取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：

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

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

 button.click( navigateToDate ); 

Answer 4

试试月份

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

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

 $("form").serialize()