高考问答剑网三鹤影天青挂件:关于动态添加输入框，求助！
来源：百度文库 编辑：高考问答 时间：2024/04/27 16:33:10
有4列输入框分别是A1，A2，A3，A4，问：
如何使得电击按钮“添加”之后动态生成新一列的输入框：A1，A2，A3，A4
ASP.......
<%
首先你把A后面最大的数值存储到一个SESSION里
session("MaxNumber")=4
function AddTextBox
dim i
for i=1 to 4
response.write("<input type=textbox name="A" & session("MaxNumber)+1 &"><BR>")
session("MaxNumber")=Session("MaxNumber")+1
next i
end function
%>
当点击按钮后调用这个函数就可以了
你用的什么语言？
///
这个最好用JS做，然后在把个数传给服务器
///
下面是一个例子，可以改改就可以用。
<html>
<body><form name="send" method="post" action="act.asp">
<div id="s1">
<input type="button" value="产品类型" name="tdests1_3" style="width:70"><input type="button" value="序列号" name="tests1_3" style="width:70"><input type="button" value="客户姓名" name="testssd1_4" style="width:70"><input type="button" value="地 址" name="testews1_3" style="width:100"><input type="button" value="电 话" name="tedsts1_4" style="width:70"><input type="button" value="邮编" name="tests1_5" style="width:70"><input type="button" value="购买时间" name="testsds1_6" style="width:70"><input type="button" value="操作" name="testssd1_7" style="width:50"><br>
<input type="checkbox" value="1" name="product" checked style="display:none"><select name="test1_1" style="width:70" onchange="aaa_1(1)">
<option value="s0">0000</option>
<option value="s1">显示器</option>
<option value="s2">2222</option>
<option value="s3">3333</option>
</select><input type="text" value="" name="test1_2" style="width:70"><input type="text" value="" name="test1_3" style="width:70"><input type="text" value="" name="test1_4" style="width:100"><input type="text" value="" name="test1_5" style="width:70"><input type="text" value="" name="test1_6" style="width:70"><input type="text" value="2003-8-" name="test1_7" style="width:70"><input type="button" onclick="aaa()" value="添加" name="a1" id="a1" style="width:50"><input type="button" value="添加" name="a_1" disabled style="display:none;width:50" id="a_1">
</div>
<br>
<input type="submit" value="提交">
</form>
<script language="javascript">
var str2=1;
function aaa()
{
str0=str2;
str2=str2+1
//设置插入的内容
str1="<div id=\"s" + str2 + "\">"
str1=str1+"<input type=\"checkbox\" value=\""+str2+"\" name=\"product\" checked style=\"display:none\">"
str1=str1+"<select name=\"test"+str2+"_1\" style=\"width:70\" onchange=\"aaa_1("+str2+")\"></select>"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_2\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_3\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_4\" style=\"width:100\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_5\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_6\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"2003-8-\" name=\"test"+ str2+"_7\" style=\"width:70\">"
str1=str1+"<input type=\"button\" onclick=\"aaa()\" value=\"添加\" style=\"width:50\" name=\"a" + str2 + "\">"
str1=str1+"<input type=\"button\" value=\"添加\" name=\"a_" + str2 + "\" disabled style=\"display:none;width:50\"></div>"
strX="s"+ str0;
eval("document.all." + strX + ".insertAdjacentHTML(\"AfterEnd\",str1)");
strc="test"+str2 + "_1"
aaa1(strc)
}
function aaa1(strq)
{
for(k=0;k<document.send.test1_1.length;k++){
optnumadd=document.createElement("option");
optnumadd.text=document.send.test1_1[k].text;
optnumadd.value=document.send.test1_1[k].value;
eval("document.send." + strq + ".add(optnumadd)");
}
}
function aaa_1(strm)
{
str0=str2;
string1=eval("document.send.test"+ strm +"_1.value")
if(string1=="s1"){
str2=str2+1
//设置插入的内容
str1="<div id=\"s" + str2 + "\">"
str1=str1+"<input type=\"checkbox\" value=\""+str2+"\" name=\"product\" checked style=\"display:none\">"
str1=str1+"<select name=\"test"+str2+"_1\" style=\"width:70\" onchange=\"aaa_1("+str2+")\"></select>"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_2\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_3\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_4\" style=\"width:100\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_5\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"\" name=\"test"+ str2+"_6\" style=\"width:70\">"
str1=str1+"<input type=\"text\" value=\"2003-8-\" name=\"test"+ str2+"_7\" style=\"width:70\">"
str1=str1+"<input type=\"button\" onclick=\"aaa()\" value=\"添加\" style=\"width:50\" name=\"a" + str2 + "\">"
str1=str1+"<input type=\"button\" value=\"添加\" name=\"a_" + str2 + "\" disabled style=\"display:none;width:50\"></div>"
strX="s"+ str0;
eval("document.all." + strX + ".insertAdjacentHTML(\"AfterEnd\",str1)");
strc="test"+str2 + "_1"
aaa1(strc)
}}
</script>
</body>
</html>