html – 根据模板值将所选项目设置在选择列表中

概述如何使用模板中的当前值正确预先填充选择控件？ 我有一个简单的表单来编辑一个记录,其中当显示表单时,预先填充所选记录的值.有点像这样： <input type="text" id="project_name_edit" value="{{selected_name}}"> 但是在使用选择控件的地方,我需要能够对模板值进行interogate,并有条件地将selected =’selected’属性设 如何使用模板中的当前值正确预先填充选择控件？

我有一个简单的表单来编辑一个记录,其中当显示表单时,预先填充所选记录的值.有点像这样：

<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"}

在这里尝试：

http://tryhandlebarsjs.com/

虽然似乎没有让我保存它. 总结

以上是内存溢出为你收集整理的html – 根据模板值将所选项目设置在选择列表中全部内容，希望文章能够帮你解决html – 根据模板值将所选项目设置在选择列表中所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。