twitter bootstrap的預輸入和多個文本字段

Question

我的應用程序處理“標簽和電影”實體：多對多關系。 加入實體被稱為“ tagazation”。 我希望用戶能夠在模態窗口中向每部電影添加標簽。 因此，我為index動作中的每部影片渲染了隱藏的模態窗口到頁面。 問題出在tag_id字段中：我在每種表單中都有twitter bootstrap的typeaheaded文本字段。 所有這些字段共享通用類“標簽輸入”。 文本字段中的select事件觸發set_id函數：

$(document).ready(function() {
function set_id(item, val, text){
    $(this).parent().children("#tagazation_tag_id").val(val);
}
$(".tags-input").typeahead({
    source: [],
    itemSelected: set_id
});
});

set_id函數應該以與觸發該回調的文本字段相同的形式來更改PARTICULAR隱藏字段，但是標記id有多個隱藏字段。 如果我們確切知道set_id函數是在哪部電影中啟動的，那當然不是什么大問題。

我相信，應該有一種“標准的”方式來解決這個問題，而不是通過DOM樹搜索仍然無法正常工作的瀏覽方式。

Answer 1

如果我了解您要執行的操作，我認為最簡單的解決方案是將僅一個隱藏的模式對話框呈現為html，而不是為每部電影都提供一個模式對話框。 在打開模態之前，您可以使用javascript設置所需的任何文本，以使模態引用被單擊的電影。

如果只有一個模式對話框，則可以將隱藏的標簽ID字段稱為$('#tagazation_tag_id') ，不要混淆它所引用的輸入。