关于一个动态增加表单的问题
我的页面jsp1:
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
jsp1
</title>
</head>
<body bgcolor="#ffffff">
<h1>
<form name="rule" method="POST" action="jsp2.jsp">
<p>产品名称:<input type="radio" name="product" value="固定电话" checked>固定电话 <input type="radio" name="product" value="小灵通">小灵通
<input type="radio" name="product" value="ADSL">ADSL</p>
<p>用户选项:<input type="checkbox" value="年龄" name="choice" >年龄<input type="checkbox" value="性别" name="choice">性别
<input type="checkbox" value="话费" name="choice">话费</p>
<p><input type="submit" onclick="return fun()" value="下一步"></p>
</h1>
</body>
</html>
<script type="">
function fun(){
for(var i=0;i<document.rule.choice.length;i++)
{
if(document.rule.choice.checked)
{
return true;
break;
}else
{alert("请选择用户项");}
}
return false;
}
</script>
jsp2:
<%@ page contentType="text/html; charset=GBK" %>
<html>
<head>
<title>
jsp2
</title>
</head>
<body bgcolor="#ffffff">
<form name="rule2" action="rule.action" method="POST">
产品名称:<%=request.getParameter("product")%>
<input type="submit" value="提交" onclick="nonull()"><br>
用户选项:<%String[] str = request.getParameterValues("choice");
for (int i=0;i<str.length;i++){
out.println(str);
%>
<input type="text" name="<%out.print(str);%>">
分数:<input type="text" name="<%out.print(str+"score");%>">
<input type="button" value="新增" onclick="add('<%=str%>')"
>
<br>
<%
String name = str;}
%>
</form>
</body>
</html>
<SCRIPT language="javascript" type="">
var row = 0;
function add(name) {
var nod=document.createElement("span");
document.rule2.insertBefore(nod);
nod.innerHTML=name+"<input type=text name=txt["+row+"][]>分数:<input type=text name=txt["+row+"][]><input type=button name=button onClick=Delete(); value=取消><br>"
row = row+1
}
function Delete()
{
rule2.innerHTML="";
}
</SCRIPT>
这个jsp2的js是我乱弄的,想实现的内容是:把jsp1传来的内容做成一个表单,每个选中的checkbox项后都有增加删除按钮,相同checkbox增加的文本框在一起。
菜鸟问题,忘赐教!!!