如何创建文本框点击功能

我想创建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

如何创建文本框点击功能

回答

相关问题