11

HTML には 2 つのドロップダウンがあり、どちらも月を表しています。したがって、次のような検証が必要です。

最初のドロップダウン月を 4 月として選択すると、次のドロップダウン メニューは 4 月から開始する必要があります。最初のものが 6 月に変更された場合、2 番目は 6 月に変更されます。

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

関数は次のようになります。

function show_month()
{
//
}

その関数をどのように記述すればよいですか?

4

2 に答える 2

5

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>

最初の選択でonChangeイベントをスキップします...

ここでの実例：http：//jsfiddle.net/sCnEZ/1/

于 2012-10-17T07:01:28.127 に答える
0

JS 関数は次のようになります。

function show_month(obj) {
    document.getElementById('gMonth1').selectedIndex = obj.selectedIndex;
}

onchange="show_month()"で変更する必要がありますonchange="show_month(this)"

このjsfiddleをチェックしてください

于 2012-10-17T07:13:54.110 に答える