如何創建文本框點擊功能

我想創建2個文本框和1個選擇框上的按鈕點擊功能，但因爲我正在填充一個點擊創建的框和另一個點擊所有填充的細節得到消失。如何創建文本框點擊功能

我想填充的細節能夠在數據庫中發佈？

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
     <title>Untitled Document</title> 
     <script> 
      var counter=1; 
      function generateRow() { 
       var d=document.getElementById("div"); 
       d.innerHTML+="<p>&nbsp;&nbsp;&nbsp;&nbsp;<div class='_25'><input type='textbox' id='textbox"+counter+"' name='stop"+counter+"' placeholder='Stop Name'></input></div>&nbsp;&nbsp;&nbsp;<div class='_25'><input type='textbox' id='textbox"+counter+"' name='timing"+counter+"' placeholder='Timing'></input></div>&nbsp;<div class='_25'><strong>Select Route</strong><select id='ampm"+counter+"'name='ampm"+counter+"'><option>a.m</option><option>p.m</option></select> </div>"; 
       counter++; 
      } 
     </script> 
    </head> 
    <body> 
     <form id="form1" name="form1" method="post" action=""> 
      <div id="div"></div> 
      <p><input type="button" value="Add" onclick="generateRow()"/></p> 
      <p> 
     </form> 
    </body> 
</html>

來源

2013-04-08 user2180069

您使用的是普通的JavaScript或jQuery的工作？ – muneebShabbir 2013-04-08 12:59:33

雅沒有jquery絕對簡單JS – user2180069 2013-04-08 13:00:08

爲什麼你不把所有內容放在'div'中並將其設置爲不可見。所以當你點擊按鈕時，只需將div複製並粘貼到div – 2013-04-08 13:01:41

你可以試試這個方法

var temp ="'<p>&nbsp;&nbsp;&nbsp;&nbsp;<div class='_25'><input type='textbox' id='textbox"+counter+"' name='stop"+counter+"' placeholder='Stop Name'></input></div>&nbsp;&nbsp;&nbsp;<div class='_25'><input type='textbox' id='textbox"+counter+"' name='timing"+counter+"' placeholder='Timing'></input></div>&nbsp;<div class='_25'><strong>Select Route</strong><select id='ampm"+counter+"'name='ampm"+counter+"'><option>a.m</option><option>p.m</option></select> </div>'"; 

var newdiv = document.createElement('div'); 
newdiv.innerHTML = temp; 
var yourDiv = document.getElementById('div'); 
yourDiv.appendChild(newdiv);

希望它會

來源

2013-04-08 13:07:09 muneebShabbir

在'generateRow（）'函數中添加這個邏輯，不要忘了++你的計數器 – muneebShabbir 2013-04-08 13:08:27

我更新我的答案，它有一些問題 – muneebShabbir 2013-04-08 13:10:21

thanx很多幫助其工作 – user2180069 2013-04-08 13:12:31

首先將d.innerHTML變成另一個變量，並在另一個變量中新建html。那麼Concat的兩個人身上，在innerhtml

節省然而，你應該insertBefore或appendChild的功能，而不是被構建簡單innerHTML的。

來源

2013-04-08 13:07:09

如何創建文本框點擊功能

回答

相關問題