Question

我有一个包含十个文本框的表单，用于输入一些数据。该表单有一个提交按钮和下一个按钮。当我单击下一个按钮时，它必须再次打开十个文本框，并且必须将先前的信息存储到MySQL数据库中的临时表中或以任何其他方式存储。最后，如果我点击提交按钮，它必须将完整的信息存储到另一个永久的MySQL数据库表中。

我该怎么做？

这是我到目前为止所尝试的：

<form name="form2" action="addingstuden_data.jsp" method="POST">
    <table align="center">
        <th colspan="3" class="style30"><font size="5">Adding Students for<%=stream%>-<%=year3%></th>
    </table>

    <table align="center" border="1">
        <tr>
            <td class="heading" align="center" >SNo</td>
            <td class="heading" align="center" >Student Id</td>
            <td class="heading" align="center">Student Name</td>
        </tr>
        <% 
            int i;
            for(i=0;i<62;i++)
            {
        %>
        <tr>
            <td><input type="text" name="SNo" value="<%=i%>" id="r2" size="1"> </td>
            <td><input type="text" name="stdid"  id="sid" size="4" value=""> </td> 
            <td><input type="text" name="stdname"  id="sname" value=""> </td>
        </tr> 
        <% } %>
    </table>
    <table width="100%" class="pos_fixed">
        <tr>
            <td align="center" class="border"><input type="submit" name="submit" value="submit"> </td>
        </tr>
    </table>
</form>

Answer 1

试试这个，根据需要设计样式

<form name="myform" method="POST" action="youraction">
<div id="forms">
 <input type="text" name="feilds[]">
 <input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
<input type="text" name="feilds[]">
</div>
<input type="button" name="next" value="next" onclick="next()">
<input type="submit" name="submit" value="Submit">
</form>

Javascript代码

function next()
{
 var ele = document.getElementById('forms');

 for(var i=0;i<10;i++)
 {
    var name = document.createElement("input");
    name.setAttribute('type',"text");
    name.setAttribute('name',"feilds[]");
    ele.appendChild(name);
 }    

}

在服务器端循环通过feilds []数组并获取所有值

在临时表中存储文本框值

1 个答案: