Question

我正在尝试使用mustache.js构建一个select

这是代码：模板：

<select id="hostTechCd" ref="techCd">
     {{#techCd}}
         <option value={{value}}> {{text}}</option>
     {{/techCd}}
</select>

数据：

{
    techCd:[{
             value:"JAVA",
             text:"java"
            },
            {
             value:"JAVA SCRIPT",
             text:"java script"
            },
            {
             value:"HADOOP",
             text:"hadoop"
            },
            {
             value:"PERL SCRIPT",
             text:"perl script"
            }]
}

一切似乎都很好，但渲染的选择框不合适。 “Java Script”和“Perl Script”的选项的值属性已被破坏。

这是上面代码的输出html：

<select id="hostTechCd" ref="techCd">
     <option value="JAVA"> java</option>
     <option value="JAVA" script=""> java script</option>
     <option value="HADOOP"> hadoop</option>
     <option value="PERL" script=""> perl script</option>
</select>

任何帮助人员???

Answer 1

将<option value={{value}}> {{text}}</option>更改为<option value="{{value}}"> {{text}}</option>

如果选项值中有空格，mustache.js无法正确构造选择框选项

1 个答案: