更新內容通過Jquery的下拉列表

Question

我很困惑以下，我甚至不確定是否有可能。

我在開始時有兩個下拉菜單。菜單一與供應商和（目前）第二下拉與數據庫中的所有大小的照片。我想去的地方是，在選擇供應商時，第二個下拉菜單隨供應商提供的選項而變化。到目前爲止，使用Jquery並沒有什麼困難，並使用輸出來更新第二個下拉菜單。

現在來困難的部分。我使用第二個下拉菜單來插入他們的信息。所以第二個下拉菜單，可能是十幾個，都是一樣的。我使用JS腳本來複製表格的表格行。由於ID應該是唯一的，因此這些下拉菜單中沒有ID。

是否仍然可以在第一個下拉菜單的更改中更新所有這些「第二」下拉菜單？如果是這樣，那怎麼可能？

應觸發相關的下拉列表的更新的第一個下拉：

<select name="leverancier" id="leveranciers"> 
    <option value="1">Supplier 1</option> 
    <option value="2">Supplier 2</option> 
</select> 

這部分被複制：

<tr> 
<td> 
<select name="type[]" class="test"> 
    <option value="1">9x13</option> 
    <option value="2">10x15</option> 
    <option value="3">11x14</option> 
</select>   
</td> 
<td><input type="text" name="min_euro[]"></td> 
<td><input type="text" name="max_euro[]"></td> 
</tr> 

<tr> 
<td> 
<select name="type[]" class="test"> 
    <option value="1">9x13</option> 
    <option value="2">10x15</option> 
    <option value="3">11x14</option> 
</select>   
</td> 
<td><input type="text" name="min_euro[]"></td> 
<td><input type="text" name="max_euro[]"></td> 
</tr> 

感謝

拉爾夫

Answer 1

給每個二級SELECT同一班。

然後，在主SELECT上定義一個事件處理程序，通過定位該類來更新輔助SELECT。

如：

jQuery('#leveranciers').bind('change', function(event) { 
    // somehow determine the new set of options for all secondary SELECTs 
    jQuery('SELECT.secondary').each(function(i, e) { 
    jQuery(e).html(newOptionsMarkup); 
    }); 
    return true; 
}); 

（請忽略了可怕.html()爲基礎的方法的重要的部分是更新的定位方式）