如何在玉器模板引擎中使用ajax填充下拉列表？

Question

我需要填充一個下拉列表，以選擇其他下拉列表。

這是我的代碼，

script.
var b_name = [];
function jsFunction() {
    var client = document.getElementById('drop_client');
    var c_name = client.options[client.selectedIndex].text;
    var data = {};
    data.c_name = c_name;
    var drop_branch=document.getElementById('drop_banch');
    $.ajax({
        type: 'POST',
        data: JSON.stringify(data),
        contentType: 'application/json',
        url: 'http://localhost:3000/dispatch_item',

        success: function (data) {
            console.log('success');
            for (var k in data) {
                alert(data[k].b_name);
                b_name.push(data[k].b_name);
            }

大段引用

            for (var m in b_name) {
                alert(b_name[m]);
            }

            //alert(JSON.stringify(data));
            console.log(data);
            console.log(JSON.stringify(data));
        },
        error: function () {
            alert('Ajax error!');
            console.log('process error');
        }
    });


div(style='')
                 .bs-docs-example.no-code(style='float:left; margin-right:10px')
                     select.selectpicker(onchange='jsFunction();', id='drop_client', data-live-search='true')
                         option(value='', disabled='', selected='') Select Client
                             for result in clients
                                 option(value='#{result.c_name}') #{result.c_name}
                 .bs-docs-example.no-code(style='float:right;')
                     select.selectpicker(onchange='', id='drop_banch', data-live-search='true')
                         option(value='', disabled='', selected='') Select Branch
                             for result in b_name //THIS IS WRONG
                                 option(value='#{result}') #{result}

加載頁面時出錯！

錯誤：

    select.selectpicker(onchange='', id='drop_banch', data-live-search='true') 88| option(value='', disabled='', selected='') Select Branch > 89| for result in b_name 90| option(value='#{result}') #{result} 91| div(style='margin-top:10px;') 92| label Select Router Cannot read property 'length' of undefined

TypeError: C:\Users\ADSS\WebstormProjects\untitled\views\dispatch.jade:89
    87|                          select.selectpicker(onchange='', id='drop_banch', data-live-search='true')
    88|                              option(value='', disabled='', selected='') Select Branch
  > 89|                                  for result in b_name
    90|                                      option(value='#{result}') #{result}
    91|             div(style='margin-top:10px;')
    92|                 label Select Router

如何解決呢？ 如何在選擇中顯示數組值？ 或如何在select中附加選項？

Answer 1

嘗試使用標簽

script.
    var b_name = [];
    function jsFunction() {
        var client = document.getElementById('drop_client');
        var c_name = client.options[client.selectedIndex].text;
        var data = {};
        data.c_name = c_name;
        var drop_branch=document.getElementById('drop_banch');
        $.ajax({
            type: 'POST',
            data: JSON.stringify(data),
            contentType: 'application/json',
            url: 'http://localhost:3000/dispatch_item',

            success: function (data) {
                console.log('success');
                for (var k in data) {
                    alert(data[k].b_name);
                    b_name.push(data[k].b_name);
                }
        ...