如何使用模板中的当前值正确预先填充选择控件？
我有一个简单的表单来编辑一个记录,其中当显示表单时,预先填充所选记录的值.有点像这样：
<input type="text" id="project_name_edit" value="{{selected_name}}">
但是在使用选择控件的地方,我需要能够对模板值进行interogate,并有条件地将selected =’selected’属性设置为正确的选项.
<select id="project_status_edit" value="{{selected_status}}">
<option>GOOD</option>
<option>BAD</option>
<option>UGLY</option>
</select>
handlesbars.js提供#IF帮助器,但这只会提供真实或伪造.
我可能会以各种方式进行破解,但这似乎是一个需要标准解决方案的场景.
解决方法
你可以使用一个助手：
Handlebars.registerHelper('selected',function(foo,bar) {
return foo == bar ? ' selected' : '';
});
你可以通过以下方式呼叫：
<select id="project_status_edit">
<option{{selected foo "GOOD"}}>GOOD</option>
<option{{selected foo "BAD"}}>BAD</option>
<option{{selected foo "UGLY"}}>UGLY</option>
</select>
使用：
{"foo":"UGLY"}
在这里尝试：
虽然似乎没有让我保存它. 原文链接：https://www.f2er.com/html/230266.html
