Jqueryを使用して動的にドロップダウンリストを作成して設定します

Question

私はドロップダウンリストを動的に作成して設定する必要があります。

階層のレベルを表示します。階層レベルが5に設定されている場合、5つのドロップダウンリストを作成する必要があります。

これらはカスケード型のドロップダウンリストの1つで、1つのオンに切り替えると次のドロップダウンなどが設定されます。

最初にページを読み込むと、最初のドロップダウンリストだけが読み込まれます。

私はJqueryを初めて使っていますので、最初にページのドロップダウンリストを5つ追加しました。 と私は最初のものを選択すると、次のドロップダウンリストを作成するなどの作業をしています。

私が立ち往生して助けが必要な部分は、設定エントリに応じて動的にドロップダウンリストを作成し、 をそれらをonchangeイベントにバインドする方法です。

上記の手順やサンプルコードを提供してください。また、これを達成するのに役立つリンクを教えてください。

おかげでずっと

Answer 1

アウトthis Cascading Dropdown Plugin ASP.NET

Answer 2

ため<select>ドロップダウンは<option>秒で満たされ、あなたは標準jQuery DOM manipulation methodsを使用して、これらを操作することができます。

このHTMLでのスタート：

<select id="blah"></select> 

そして、あなたのようなものを使用して動的にオプションを追加することができます。私は、動的にドロップダウンを作成する上で助けを必要と

var val = 1; 
var txt = 'One'; 
$('#blah').append('<option value="' + val + '">' + txt + '</option>');