使用Jade模板引擎在表单中动态添加文本框

Question

我的要求很简单，但网上没有明确的答案。 我的玉页中有一个组合框，它以数字作为输入。我想要刷新同一页面，并且文本框与指定的数字一样多。我知道这需要Ajax，但我无法弄清楚如何在Jade中使用它。任何建议都会非常感激。

Answer 1

这可以在jQuery的帮助下不使用ajax来完成。

像这样定义玉

input.addTxtBox(type='text')
   #rows

然后在javascript中

jQuery(document).ready(function() {
    // initiate layout and plugins
    $('.addTxtBox').keyup(function (e) {
        var value = $('.addTxtBox').val();
        var str = '<input type="text">';
        for(var i=0; i < parseInt(value) ; i++){
            $("#rows").append(str);
        }
    });
});

检查此jsfiddle