html, javascript의 월 선택 드롭 다운

나는 두 달을 대표하는 html로 2 드롭 다운을합니다. 그래서 나는 다음과 같은 검증을 원한다.html, javascript의 월 선택 드롭 다운

4 번째 드롭 다운 월을 선택하면 다음 드롭 다운 메뉴가 4 월 4 월부터 시작됩니다. 첫 번째가 june으로 변경되면 2nd wil이 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 함수() { // }는

어떻게 그 함수를 작성한다 ?? jQuery로

출처

2012-10-17 user1638279

쉬운 :

<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-17 07:01:28 jtheman

thnkx을,하지만 난 속성을 변경하는 방법은 "선택"하는 ?? 지금 나는 1 월 1 일로 결과를 얻고 있지만 여전히 그 결과를 보여주고 있습니다. 드롭 다운을 클릭하면 선택된 달이 파란색으로 강조됩니다. 하지만 나는 그 달이 직접 필요하다. 1 월 1 일을 보여서는 안됩니다. – user1638279

@ user1638279 1 월 옵션의 코드에서 선택한 속성을 사용하고 있는데 처음에는 처음부터 선택한 달을 선택한다는 의미입니다. 이 함수가 CURRENT 나방을 보여주기를 원한다면, 이것은 당신이 시작한 것보다 다른 질문이다. 내 예제에서는 – jtheman

@ user1638279 나는 change() 이벤트를 사용하고 있습니다. 물론 hover(), blur() 등의 다른 이벤트도 시도 할 수 있습니다. http://api.jquery.com/category/events/ – jtheman

귀하의 JS 기능은 다음과 같이 될 수있다 :

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

onchange="show_month()"을 01로 변경해야합니다.

체크 아웃이 jsfiddle

출처

2012-10-17 07:13:54

html, javascript의 월 선택 드롭 다운

답변

관련 문제