填充第二個下拉框與第一個使用JavaScript相同的值？

我有兩個專門用於用戶選擇年份間隔的下拉框。我目前有兩個下拉框正在填充使用「選擇不同年份從TABLE」查詢到我的數據庫。但是，我想僅填充用戶選擇的同一年的第二個下拉框，幷包括第一次選擇後的年份。例如，如果用戶在第一個下拉菜單中選擇'1995'，我希望第二個下拉框包含從'1995'到現在的任何年份。這將阻止用戶在第一個框中選擇'1995'，在第二個框中選擇'1990'（這將是不正確的時間間隔）。我真的不知道如何去做這件事。我不是很熟悉JavaScript。那是我需要使用的嗎？任何幫助將不勝感激。填充第二個下拉框與第一個使用JavaScript相同的值？

來源

2013-10-05 user2562125

您可以在此的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>"); 
    } 
});´

您需要包括jQuery的藏漢

編輯：

但它可以做到沒有jQuery，但你需要修改代碼有點...

來源

2013-10-05 18:19:20

我希望它會幫助你。只需要基本的計算需求量的保持

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

來源

2013-10-05 18:32:34 Salim

我創建了一個小提琴在http://jsfiddle.net/cMhzj/

使用我的解決方案，你需要填寫只有1 dropdown（您可以填寫兩個，這兩個不要求）。然後，當您選擇一年時，第二個會填入選定年份的所有年份。

來源

2013-10-05 18:45:14 Rajesh

填充第二個下拉框與第一個使用JavaScript相同的值？

回答

相關問題