2012-02-04 42 views
1

我不知道我錯過了什麼,當調試時我可以看到我的JSON響應是好的,但是當我將數據發送到模板時,它不會執行任何操作。jQuery模板不工作與Json(MVC3)

HTML:

<select id="SelectedCompany"></select> 
<script id="SelectedCompanyTmpl" type="text/x-jquery-tmpl"> 
    <option value="${Id}">${Name}</option> 
</script> 

的jQuery:

var selectedCompanyID = $("SelectedCompany"); 
// Load Companies through Jquery Templates 
function GetCompanies() { 
    $.getJSON("/api/Companies/GetAll", function (data) { 
     selectedCompanyID.html('<option value="0"> -- Select Company -- </option>'); 
     // Oops I had this backwards :(
     // selectedCompanyID.tmpl(data).appendTo('#SelectedCompanyTmpl'); 
     $("#SelectedCompanyTmpl").tmpl(data).appendTo(selectedCompanyID); 

     selectedCompanyID.append('<option value="new">Add New Company</option>'); 
    }); 
} 

JSON結果:

[{"Id":1,"Name":"Company 1","Website":"url1",},{"Id":2,"Name":"Company 2","Website":"url2"}] 

我的選擇只是有 「選擇」 和 「新添加」 選項,任何想法?

回答

0

呸,我意識到我重新讀它放在這裏後,我已經切換模板和主體IDS:

// Oops I had this backwards :(
// selectedCompanyID.tmpl(data).appendTo('#SelectedCompanyTmpl'); 
$("#SelectedCompanyTmpl").tmpl(data).appendTo(selectedCompanyID); 

我將離開這一職位的人找的一個例子如何使用帶選擇選項的JQuery模板