html jquery 行ごとのプルダウンを独立させる

Question

いつもお世話になっております。

下の図のような画面で追加ボタンを押すと入力行が増える(templateのtbody)仕組みになってます。

そこでなのですが、一行目のaとbのプルダウンを選んだ後に追加された行で
aのプルダウンを選ぶと↓のようになってしまいます。

↓

また、追加した行のaを選ぶと一行目のbのプルダウンが空白しか選択できなくなります。
二行目のbも空白だけになります。

ちなみに、aを選ぶとbのプルダウンメニューをajaxからとってきます。
これらの行をそれぞれ独立化させることができるでしょうか？
また、それはtemplateで可能でしょうか。

jquery

switch(URL){
          case 'ajx_geta' : $("#test").html(temp_test(json)); break;
          case 'ajx_getb' :$("#m2").html(temp_testb(json)); break;
          case 'ajx_getc' : $("#m3").html(temp_testc(json)); break;
          default: break;
        }

Comments

[x_x]

ajaxからとってきた後の処理のスクリプトは提示してもらえないでしょうか？

[退会済みユーザー]

ソースコードを提示してください

[退会済みユーザー]

返事が遅れてしまい申し訳ありません。ただいま、貼らせていただきます

[x_x]

各変数や関数はどうなっていますか？ もう答えになっちゃっている気もしますが

Answer 1

詳細が不明ですが一つ言えること。

template と言っているのは template 要素のことではなく、underscore の template のことだと思いますが、この使い方は大丈夫でしょうか？
行が動的に追加される以上、ここには決まったidは振れない(idはドキュメント内に一意である必要があります)と思うので、$("#test") といったアクセスはできません。
追加行から見直してみることをお勧めします。

Comments

[退会済みユーザー]

回答ありがとうございます。
どうやら、そのようですね。
一意じゃないとだめだったようなので編集用とデータ表示用の二つのtemplateを利用することにしました。