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