在表單中動態添加文本框，使用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