jQuery技术:获取seleceted下拉选项值jquery

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

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

    看我的小提琴

      

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

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

    单击按钮时,调用navigateToDate():

     button.click( navigateToDate ); 

    试试月份

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

    要解析整个表单,请尝试使用.serialize()和.serializeArray()

     $("form").serialize() 

      以上就是jQuery教程分享获取seleceted下拉选项值jquery相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/547528.html

      (0)
      上一篇 2021年1月11日
      下一篇 2021年1月11日

      精彩推荐