javascript - テンプレート内のテンプレートで選択オプションにイベントをバインドする

Question

バックボーンを使用しています。完全に初心者。モーダル ビューを表示する外側のテンプレートがあります。これをテンプレートモーダルと呼びましょう。libraries次に、モーダル ビューに渡されるオブジェクトに基づいて、データの行を表示します。各行には、2 つの選択ドロップダウン リストがあります。2 番目のドロップダウン リストは、ドロップ ダウン リストの名前によって異なります (つまり、最初のドロップ ダウン リストが変更されたときに、2 番目のドロップ ダウンを更新したい)。

ライブラリ オブジェクトには次のプロパティがあります

name (1st drop down)
sequences[] (2nd drop down)

したがって、私の内部テンプレート (ドロップダウンで話していた行) は、私のtemplate-inner.

<select id="libraryName" style="display:inline; width: 100px">
                    <% _.each(libraries, function (library) { %>
                    <option><%= library.name %></option>
                    <% }); %>
                </select>

この内部テンプレートは、テンプレート モーダル内でこれを行うことによって作成されます。

this.$el.html(this.template({ libraries: libraries.toJSON() }));

ライブラリに基づいて 2 番目のドロップダウン リストを設定するにはどうすればよいですか? テンプレート内部をレンダリングしているバックボーンビューで、次のようなことができると思いました:

    events: {
        "change #libraryName" : "handleLibraryName"
    },

編集: (再明確化された質問) そして、handleLibraryName で、jQuery を使用してドロップダウンに入力しますか? それが最善の方法ですか？