Javascript 动态更改主干的下划线模板

我正在使用在html中定义的带下划线模板的主干，如下所示：

<script type="text/template" id="editTemplate">
    <select id="scred" class="scredSelect">
        <!-- some options -->
    </select>
</script>

一切都按计划进行。然而我想动态地向select scred添加一些选项

我试图通过$editTemplate.find'.scredSelect'访问scred select，但当然，由于脚本标记中的所有内容都未被视为html，因此选择器无法工作

我可以像这样访问元素

html = $("#editTemplate").html()
$(html).find('.scredSelect').doStuff()

---

有没有更简单的方法来实现这一点？或者，这是一项更适合于全面开发的模板引擎（如Handlebar或mustache）的任务吗？

editTemplate中是否有模板内容，或者只是一段静态HTML？您可以将template:创建为一个函数，然后在该函数中执行任何需要执行的操作。@muistooshort是的，有些元素是通过我的主干模型填充的。有什么特殊原因导致您不能从模型中填充所有的吗？@muistooshort是的，下拉列表是客户列表，如果列表中没有客户，我有办法增加一个新客户。这非常有效，新模型与新客户一起保存，但是，如果有人想要创建另一个新模型，除非刷新页面，否则客户选择不包含最近创建的客户。如果这有道理的话。我使用下拉列表而不是输入，以确保拼写一致。您可以将任何数据传递给模板，例如，它不必是model.toJSON、templatemodel:model.toJSON、customers:customers.toJSON。

html = $("#editTemplate").html()
$(html).find('.scredSelect').doStuff()