コンテンツを更新するJqueryを使用したドロップダウンリスト

Question

私は次のことに苦労しています。

私は最初に2つのプルダウンメニューを持っています。メニュー1はサプライヤー、もう1度はデータベース内のすべてのサイズの写真をプルダウンします。私が行ってみたいのは、サプライヤを選択すると、サプライヤが提供するオプションで2番目のプルダウンメニューが変わるということです。これまでのところ、Jqueryを使用するのは難しいことではなく、出力を使用して2番目のプルダウンメニューを更新します。

今、難しい部分があります。 2番目のドロップダウンを使用して情報を挿入します。だから2番目のプルダウンメニューは、それらのダースかもしれない、すべて同じです。私はフォームのテーブル行をコピーするJSスクリプトを使用します。 IDは一意でなければならないので、これらのプルダウンはIDを持たない。

最初のプルダウンメニューの変更時に、これらの「2番目の」プルダウンメニューをすべて更新することはできますか？もしそうなら、それはどのように可能ですか？

下のドロップダウンの更新をトリガすべき最初のプルダウン：

<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()ベースのアプローチを無視してください重要な部分は、更新が目標とされている方法です）