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

【问题标题】：Add textboxes dynamically in a form, using Jade template engine使用 Jade 模板引擎在表单中动态添加文本框
【发布时间】：2014-10-18 19:31:03
【问题描述】：

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

【问题讨论】：

标签： javascript html ajax pug

【解决方案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

【讨论】：

感谢您的建议。但我目前使用 Express 框架，必须将 jQuery 部分添加到 index.js 文件（包含所有路由）中。