基於對象中的int獲取輸入字段的設置量

我有一個包含信息的對象。我希望能夠根據特定屬性中對象的編號在html中創建多個相同的2個輸入字段。基於對象中的int獲取輸入字段的設置量

所以如果對象包含數字4，我想寫這2行，4次。

<input type="text" placeholder="Enter First Name" /> 
<input type="text" placeholder="Enter Last Name" />

有沒有什麼簡單的方法可以做到這一點在JavaScript/jQuery中？

來源

2016-12-01 Rainoa

克隆和添加或使用模板框架 – epascarello

什麼自己的身份（沒有id？或名稱）和事件？如果這就是你然後想要使用'innerHTML'追加 – Viney

你可以嘗試這樣的事情。

 function addFields(){ 
 
      var number = document.getElementById("member").value; 
 
      var container = document.getElementById("container"); 
 
      while (container.hasChildNodes()) { 
 
       container.removeChild(container.lastChild); 
 
      } 
 
      for (i=0;i<number;i++){ 
 
       container.appendChild(document.createTextNode("Member " + (i+1))); 
 
       var input = document.createElement("input"); 
 
       input.type = "text"; 
 
       container.appendChild(input); 
 
       container.appendChild(document.createElement("br")); 
 
      } 
 
     }

<input type="text" id="member" name="member" value="">Number of times<br /> 
 
<a href="#" id="filldetails" onclick="addFields()">Fill Details</a> 
 
    <div id="container"/>

你可以看到答案here

來源

2016-12-01 13:26:19

基於對象中的int獲取輸入字段的設置量

回答

相關問題