Выпадающий список с помощью Усы JS TEMPLATE

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> 

Усы делают код:

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

Hahaha! мой плохой