महीने का चयन ड्रॉपडाउन, जावास्क्रिप्ट

Question

मेरे पास दोनों एचटीएमएल में 2 ड्रॉप डाउन हैं जो दोनों महीनों का प्रतिनिधित्व करते हैं। तो मुझे निम्नलिखित की तरह एक सत्यापन चाहिए।

अगर मैं पहली ड्रॉप डाउन महीने अप्रैल के रूप में चुनूंगा, तो अगले ड्रॉप डाउन मेनू महीने के अप्रैल से शुरू होना चाहिए। यदि पहला व्यक्ति जून में बदल जाता है तो दूसरा विला जून में बदल जाता है।

<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() { // }

मैं कैसे कि समारोह लिखना चाहिए ??

Answer 1

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/

Answer 2

आपका जे एस समारोह इस तरह हो सकता है:

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

आपकोको 01 के साथ बदलना चाहिए

चेक बाहर इस jsfiddle