html循环点击,如何通过HTML循环选择点击时选择<选项>值？ - 码客

在日历应用程序中，我有一个简单的选择，其中的选项标签的值为0到11。我可以在单月(从十二月到一月)周而复始，但我无法以其他方式工作。它只显示2月和12月。

这是a jsfiddle，展示了我已经完成的工作。

这里是HTML：

January

February

March

April

May

◀

Month

▶这里是jQuery：

$('.chevron').on('click', function() {

// This if works perfectly, and will reset to 11 once the selectedMonth is 0

if ($(this).hasClass('chevronLeft')) {

var selectedMonth = $('#MonthName').val();

(selectedMonth != 0)

? $('#MonthName').val(selectedMonth - 1).trigger('change')

: $('#MonthName').val(11).trigger('change');

}

else {

// This doesn't work, I tried declaring the variable locally,

// different less/greater than expressions, but nothing works

var selectedMonth = $('#MonthName').val();

(selectedMonth !== 11)

? $('#MonthName').val(selectedMonth + 1).trigger('change')

: $('#MonthName').val(0).trigger('change');

}

});

$('#MonthName').on('change', function() {

var monthText =

$('#MonthName option:selected').text();

$('.theMonth').text(monthText);

});