每月选择下拉列表中的HTML，javascript [英] month selection dropdown in html, javascript

问题描述

我有一个html的2个下拉列表，代表几个月。所以我想要一个如下所示的验证。

i have 2 drop downs in a html both representing months. So i want a validation like following.

如果我将在4月份选择第一个下拉菜单，那么下一个下拉菜单应该从四月份开始。如果第一个更改为6月，则第二个更改为6月。

if i will select the 1st drop down month as april, then next drop down menu should start from the month april. if 1st one is changed to june then 2nd wil change to june.

<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> 

，函数将为
函数show_month（）
{
//
}

and the function will be function show_month() { // }

我该怎么写这个函数？

how should i write that function ??

推荐答案

简单的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事件

and skip the onChange event in the first select...

这里的工作示例： http://jsfiddle.net/sCnEZ/1/

这篇关于每月选择下拉列表中的HTML，javascript的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！