循環並更新選擇列表中的值

Question

我試圖更新頁面上所有選擇列表的選項，並實施了在Get list of all `input` objects using JavaScript, without accessing a `form` object和其他頁面上找到的解決方案。

這在一定程度上起作用，但只有在觸發javascript後出現的選擇列表被更新，而我需要它們全部完成，而不管它們相對於觸發選擇的位置如何。

這裏是什麼，我有一個簡化版本：

function chooseBon(id, value) { 

var bonbonsAmount = 12; 
    var bonbonsCurrent = 0; 
    var bonbonsCount = 4; 

    var inputs, index; 


    // get all the select lists 
    inputs = document.getElementsByTagName('select'); 

// loop through all the lists 
    for (index = 0; index < inputs.length; ++index) { 

// First disable all options 
for (j = 0; j<=bonbonsAmount; ++j) { 
    inputs[index].options[j].disabled="disabled"; 
} 

    // Then re-enable the ones we still need 
    for (j = 0; j<=(bonbonsAmount - bonbonsCurrent); ++j) { 
    inputs[index].options[j].disabled=""; 
} 

// add up the no of chocs selected so we know how many options to re-enabled above 
bonbonsCurrent += inputs[index].selectedIndex; 

}

我是承認的新手，我從一個電子商務平臺，適應腳本另一個使我陷於癱瘓在某些方面讓心情隨意提出其他建議。

Answer 1

這裏是一個可能的解決方案之一，the fiddle：

function chooseBon() { 
    var bonbonsAmount = 12; 
    var bonbonsCurrent = 0; 
    var bonbonsRemaining; //max. is bonbonsAmount 
    var inputs, i, j; 
    inputs = document.getElementsByTagName('select'); 
    for (i = 0; i < inputs.length; i++) { 
     bonbonsCurrent += parseInt(inputs[i].value, 10); 
    } 
    bonbonsRemaining = bonbonsAmount - bonbonsCurrent; 
    for (i = 0; i < inputs.length; i++) { 
     for (j = 0; j <= bonbonsAmount; j++) { 
      inputs[i].options[j].disabled = (j < bonbonsRemaining + parseInt(inputs[i].value, 10) + 1) ? false : true; 
     } 
    } 
}