在輸入上創建多個字段

Question

我嘗試創建多個字段，當我輸入一個數字來告訴它要創建多少個字符...我已經使用了以前編寫的一些代碼，但現在它不再有效。

HTML：

<input type="text" name="rows"> 

的jQuery：

$(document).ready(function() { 
    $('#rows').change(function() { 
    var rows = $(this).val(); 

    for(i=0;i<=rows;i++) { 
      $('#form').append('<div><input type="text" name="N' + i + '"></div>'); 
     $('#form').append('<div><select name="S'+ i +'"><option value="Text">Text</option><option value="editor">Editor</option></select></div>'); 
     $('#form').append('<div><input type="text" name="V' + i + '"></div>'); 
    } 
    } 
} 

小提琴：https://jsfiddle.net/dc5665xk/1/

Answer 1

• ID屬性缺少rows元素。

• 存在具有form作爲ID

• 語法錯誤作爲結束括號失蹤沒有form元件。

注：var關鍵字是缺少for-loop

$(document).ready(function() { 
 
    $('#rows').change(function() { 
 
    var rows = $(this).val(); 
 
    for (var i = 0; i <= rows; i++) { 
 
     $('#form').append('<div><input type="text" name="N' + i + '"></div>'); 
 
     $('#form').append('<div><select name="S' + i + '"><option value="Text">Text</option><option value="editor">Editor</option></select></div>'); 
 
     $('#form').append('<div><input type="text" name="V' + i + '"></div>'); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input type="text" name="rows" id="rows"> 
 
</form>