2014-02-14 49 views
0

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> 

胡子渲染代码:

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

我正在上的另一点击上面的响应下拉并试图从JSON响应填充上述下拉菜单,但它不工作!请告诉我我错在哪里?在

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

回答

0

得到了我的答案我把JS模板,以便使模板一次,模板是由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> 

哈哈哈!我的坏