JQuery Шаблоны - Заменить содержимое DIV

Question

Поэтому я использую шаблоны JQuery и имеют следующий код работает в моем приложении:

@using (Html.BeginForm()) 
    { 
     @Html.DropDownList("StateList", 
          Model.States, 
          "<Select>" 
          ) 

     <div id="designCenters"></div> 

     <script id="designCenterTemplate" type="text/html"> 
      <p><li>${Name}</li></p> 
     </script>   
    } 

    <script language="javascript" type="text/javascript"> 
     $("#StateList").change(function() { 
      $.getJSON("/api/designcentersbystate/" + $(this).val(), 
       function (data) { 
        $("#designCenterTemplate").tmpl(data).appendTo("#designCenters") 
       }); 
     }); 
    </script> 

Поскольку я звоню .appendTo в параметре функции обратного вызова функции шаблона, очевидно, что список проектных центров добавлен в список. Моя цель - ЗАМЕНИТЬ содержимое в пределах <div id="designCenters"> с шаблонами результатов.

Ищет наиболее эффективный способ сделать это.

Спасибо.

Answer 1

Изменение функции успеха так:

function (data) { 
    $("#designCenters").html($("#designCenterTemplate").tmpl(data)) 
} 

Или вы могли бы опустошить контейнер каждый раз.

$("#designCenters").empty(); 
$("#designCenterTemplate").tmpl(data).appendTo("#designCenters"); 

Answer 2

Вы можете заменить HTML в элементе, как это:

$("#designCenters").html(YOUR HTML HERE);