Question

Ajax响应：

case 1:[{"id":1,"value":"sub 1"},{"id":2,"value":"sub 2"},{"id":3,"value":"sub 3"}]
case 2:[{"id":1,"value":"sub 1"},{"id":2,"value":"sub 2"},{"id":3,"value":"sub 3"}]

胡子模板：

<div class="form-group" id="submenu_list">
<script id="dropDownList" type="text/template"> 
<select class="form-control" name="sub_menu" id="sub_menu" >
    {{#.}}
             <option value="{{id}}">{{value}}</option>
    {{/.}}         
</select>
</script>
</div>

Mustache呈现代码：

var template = $("#dropDownList").html();
subMenuList = Mustache.render(template, data); 
$("#submenu_list").html(subMenuList);

我在点击另一个下拉列表并尝试从json响应填充上面的下拉列表时获得上述响应，但它无法正常工作！请告诉我我哪里错了？

Answer 1

得到我的回答我将js模板放在

中

<div class="form-group" id="submenu_list"></div>

因此，渲染模板一次，模板被html代码替换，所以现在我将模板放在上面的div之外。

<div class="form-group" id="submenu_list"></div>
<script id="dropDownList" type="text/template"> 
<select class="form-control" name="sub_menu" id="sub_menu" >
    {{#.}}
             <option value="{{id}}">{{value}}</option>
    {{/.}}         
</select>
</script>

哈哈哈！我的不好

使用胡子js模板的下拉列表

1 个答案: