Javascript 使用手柄填充选择框

我使用Handlebars js尝试填充一个选择框，但它从不将json对象放入框中

我的JSON：

{
    "d": [{
        "__type": "Admin_Webhook+Color",
        "ColorID": 1,
        "ColorName": "Red"
    }, {
        "__type": "Admin_Webhook+Color",
        "ColorID": 2,
        "ColorName": "Yellow"
    }, {
        "__type": "Admin_Webhook+Color",
        "ColorID": 3,
        "ColorName": "Blue"
    }]
}

我的HB模板：

<div class="option-static">
    <div>Colors:</div>
    <select size="10">
        <option value="0">-Add New Color-</option>
        {{#each d}}
        <option value="{{ColorID}}">{{ColorName}}</option>
        {{/each}}
    </select>
    <input type="submit" onclick="RemoveColor()" value="Remove Color" />
</div>

---

它创建html，包括带有-Add New Color的选择框，但对json不做任何操作。

您需要将数据传递到模板：

var html=template（data）@76484哇，我简直不敢相信我看到了。非常感谢，我绞尽脑汁想弄清楚我做错了什么。
function BindColorList() {
    console.log("Page bound");
    var source = $("#HB-ColorTemplate").html();
    var template = Handlebars.compile(source);
    var html = template();
    $("#ColorTemp").append(html);
}