HTML和JavaScript中的月份选择下拉列表
我在HTML中有两个下拉列表,都表示月份。所以我想要一个如下的验证 如果我选择第一个下拉月份为四月,那么下一个下拉菜单应该从四月开始。如果第一个改为六月,那么第二个应该改为六月HTML和JavaScript中的月份选择下拉列表,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,我在HTML中有两个下拉列表,都表示月份。所以我想要一个如下的验证 如果我选择第一个下拉月份为四月,那么下一个下拉菜单应该从四月开始。如果第一个改为六月,那么第二个应该改为六月 <div id="head2" style="width:15%;float:right;margin-left:5px;"> <select id='gMonth2' onchange="show_month()"> <option value=''>--Select
<div id="head2" style="width:15%;float:right;margin-left:5px;">
<select id='gMonth2' onchange="show_month()">
<option value=''>--Select Month--</option>
<option selected value='1'>Janaury</option>
<option value='2'>February</option>
<option value='3'>March</option>
<option value='4'>April</option>
<option value='5'>May</option>
<option value='6'>June</option>
<option value='7'>July</option>
<option value='8'>August</option>
<option value='9'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</select>
</div>
<div id="head1" style="width:15%;float:right;margin-left:5px;">
<select id='gMonth1'>
<option value=''>--Select Month--</option>
<option selected value='1'>Janaury</option>
<option value='2'>February</option>
<option value='3'>March</option>
<option value='4'>April</option>
<option value='5'>May</option>
<option value='6'>June</option>
<option value='7'>July</option>
<option value='8'>August</option>
<option value='9'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</select>
</div>
我应该如何编写该函数?使用jQuery很容易:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script>
$(function(){
$('#gMonth2').change(function(){
var month = $(this).val();
$('#gMonth1').val(month);
});
});
</script>
并跳过第一个select中的onChange事件
这里的工作示例:您的JS函数可以如下所示:
function show_month(obj) {
document.getElementById('gMonth1').selectedIndex = obj.selectedIndex;
}
您应该将onchange=show\u月改为onchange=show\u月
查看此thnkx,但是我将如何将属性更改为selected??现在我得到了结果,但仍然显示为1月1日,如果单击下拉菜单,则所选月份将以蓝色突出显示。但是我需要这个月直接来。它不应该每次都显示一月。@user1638279您的意思是,您在代码中使用的“一月选项”中的“选定”属性最初将选择从头开始选择的月份。如果您想让函数显示当前的moth,那么这是另一个问题。@user1638279在我的示例中,我使用的是更改事件。当然,你也可以尝试其他活动,如悬停、模糊等
function show_month(obj) {
document.getElementById('gMonth1').selectedIndex = obj.selectedIndex;
}