怎样实现点击一次按钮就增加一个INPUT输入框?请高手指点!

session设置一个变量num，每点一次num的值+1，然后页面刷新一下。显示的时候从session中取到num的值，然后使用循环生成input框<% for(int i;i<num;i++)){ %>
<input type="text" name="aaa"/>
<% } %>这样就可以实现楼主想要的功能

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

session设置一个变量num，每点一次num的值+1，然后页面刷新一下。显示的时候从session中取到num的值这个怎么实现?说具体点好吗
javascript怎么实现？我也想知道！
<div id="mydiv"></div>
<script language="javascript">
  document.all.mydiv.innerHTML="<input type='text'>";
</script>
这就增加了一个输入框,改改就能用了
<div id="mydiv"></div>
<script language="javascript">
  document.all.mydiv.innerHTML="<input type='text'>";
</script>不行啊,应该有循环啊,怎么改才对啊!
<div id="mydiv"></div>
<script language="javascript">
  function AddInputText(innerHTML)
  document.all.mydiv.innerHTML=innerHTML + "<input type='text'>";
</script>
;
;
;
;
<input type="button" name="addinputtext" value="add_input_text" onClick="AddInputText(document.all.mydiv.innerHTML)"/>
<div id="mydiv"></div>
<script language="javascript">
  function AddInputText(innerHTML)
  {
    document.all.mydiv.innerHTML=innerHTML + "<input type='text'>";
  }
</script>
;
;
;
;
<input type="button" name="addinputtext" value="add_input_text" onClick="AddInputText(document.all.mydiv.innerHTML)"/>
你们的都没我的好<HTML>
<Head>
<Script Language=JavaScript>function insertRow(isTable){index = isTable.rows.length;
nextRow = isTable.insertRow(index);
isText = nextRow.insertCell(0);
txtArea = nextRow.insertCell(1);
index++;
index = index.toString();
nameStr = "item"+index;
txtStr = "Item "+index;
isText.innerHTML = txtStr;
txtArea.innerHTML = "<input type=text name="+nameStr+" size=5>";
}</Script>
</Head>
<Body>
<Form name='Form1'>
<Table id='dynTable' cellpadding=5 cellspacing=5 border=1>
<TR><TD> Item 1</TD><TD><input type="text" name="item1" size="5"></TD></TR>
<TR><TD> Item 2</TD><TD><input type="text" name="item2" size="5"></TD></TR>
<TR><TD> Item 3</TD><TD><input type="text" name="item3" size="5"></TD></TR>
</Table>
</Form>
<input type=button value="Insert row" onclick="insertRow(dynTable)" >
</Body>
</HTML>
有了增加,自然是不能少了删除,再来<html >
<head>
<title>My Test Page</title>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
</head>
<body>
<form id="myForm" method="get" action="./" />
  <label>Text Box #1: <input type="text" name="txt1" id="txt1" /></label>
  <p>
    <input type="button" value="Add Textbox" onclick="addTextBox(this.form,this.parentNode)" />
    <input type="button" value="Remove Textbox" onclick="removeTextBox(this.form)" />
  </p>
  <p><input type="Submit" value="Submit" /></p>
</form>
</body>
</html>
要是HooKim166(宸铭) 说的方法有删除的功能就好了,美中不足啊!
<div id="mydiv"></div>
<script language="javascript">
  function AddInputText(innerHTML)
  {
    document.all.mydiv.innerHTML=innerHTML + "<input type='text'>";
  }
</script>
;
;
;
;
<input type="button" name="addinputtext" value="add_input_text" onClick="AddInputText(document.all.mydiv.innerHTML)"/>
session设置一个变量num，每点一次num的值+1，然后页面刷新一下。显示的时候从session中取到num的值，然后使用循环生成input框<% for(int i;i<num;i++)){ %>
<input type="text" name="aaa"/>
<% } %>这样就可以实现楼主想要的功能
----------------------------------------------
的确可以实现,只是你先前在页面上填写的东西都没有了.这不是很好的方法
还是用js好啊
<html >
<head>
<title>My Test Page</title><script language="javascript">
  function AddInputText(innerHTML)
  {
    document.all.mydiv.innerHTML = innerHTML + "<input type='text'>";
    alert(document.all.mydiv.innerHTML);
  }  function DelInputText(innerHTML)
  {
    var endPos = innerHTML.lastIndexOf("<");
    innerHTML = innerHTML.substr(0,endPos);
    document.all.mydiv.innerHTML = innerHTML;
  }</script>
</head>
<body><input type="button" name="addinputtext" value="add_input_text" onClick="AddInputText(document.all.mydiv.innerHTML)"/><input type="button" name="delinputtext" value="del_input_text" onClick="DelInputText(document.all.mydiv.innerHTML)"/><div id="mydiv"></div></body>给你加好了删除的。说实话我自己都觉得这个方法有些恶心。。呵呵。。快给分咯~