첫 번째 자바 스크립트와 동일한 값으로 두 번째 드롭 다운 상자를 채우시겠습니까?

Question

나는 사용자가 연도 간격을 선택하는 데 특별히 사용되는 두 개의 드롭 다운 상자가 있습니다. 나는 현재 두 개의 드롭 다운 박스에 "select distinct year from TABLE"쿼리를 사용하여 데이터베이스를 채 웁니다. 그러나 사용자가 선택한 동일한 연도로 두 번째 드롭 다운 상자를 채우고 첫 번째 선택 후 년을 포함하고 싶습니다. 예를 들어 사용자가 첫 번째 드롭 다운 메뉴에서 '1995'을 선택하면 두 번째 드롭 다운 상자에 '1995'에서 현재까지의 기간을 포함하고 싶습니다. 그러면 첫 번째 상자에서 '1995'을 선택하고 두 번째 상자에서 '1990'을 선택하는 것을 방지 할 수 있습니다 (잘못된 시간 간격). 나는 정말로 이것에 대해 갈 방법이 없다. 나는 자바 스크립트에 익숙하지 않다. 그게 내가 사용해야하는거야? 어떤 도움이라도 대단히 감사하겠습니다.

Answer 1

이 jsfiddle에서처럼 할 수있는 : http://jsfiddle.net/YNuna/1/

HTML :

<select id=first> 
    <option>2009</option> 
    <option>2010</option> 
    <option>2011</option> 
    <option>2012</option> 
    <option>2013</option> 
</select> 

<select id=second> 
</select> 

JS :

$("#first").change(function(){ 
    var val = $("#first option:selected").html(); 
    $("#second").html(""); 
    var d = new Date(); 
    var n = d.getFullYear(); 

    for (i=val; i<=n;i++){ 
     $("#second").append("<option>" + i + "</option>"); 
    } 
});´ 

당신은 aswell jQuery를 포함 할 필요가

편집 :

하지만 jquery 없이도 코드를 수정할 필요가 있습니다 ...

Answer 2

나는 그것이 당신을 도울 것이라고 희망합니다. 그냥 내 솔루션을 사용하여 http://jsfiddle.net/cMhzj/

에서의 requirment

나는 바이올린을 만든

http://www.creativecg.com/addremove-options-from-a-select-box-with-jquery/ 

Answer 3

을 유지하기위한 기본적인 계산을해야합니다, 당신은 (모두 필요 없음, 당신은 모두를 채울 수)에만 1 dropdown가 작성해야합니다. 그런 다음 연도를 선택하면 두 번째 연도에 선택한 연도의 모든 연도가 채워집니다.