Question

我有4页用户输入多个数据。我唯一的问题是，我不想让按钮说提交，而是希望分页Next成为提交数据的那个。

我怎么能做到这一点？我尝试了一些东西，但它只是将我的分页按钮改为普通按钮。

我尝试在下一个按钮上使用 type="submit"，但它没有将数据提交到EnvironmentData

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">

    <link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">


<div class="container">
    <form action="EnvironmentData" method="get" id="page1">
    <div class="row">
    <div class="col-md-5">
        <div class="row">
            <div class="form-group">
                    <label>Name:</label><input type="text" class="form-control" name="name">
            </div>
        </div>
    <div class="row">
    <!--Pagination-->
    <div class="text-center">
        <nav>
            <ul class="pagination text-center">
                <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                <li class="page-item active"><a class="page-link" href="GeneralSetup.jsp">1</a></li>
                <li class="page-item"><a class="page-link" href="Clients.jsp">2</a></li>
                <li class="page-item"><a class="page-link" href="Accounts.jsp">3</a></li>
                <li class="page-item"><a class="page-link" href="Transactions.jsp">4</a></li>
                <li class="page-item"><a type="submit" class="page-link" href="Clients.jsp">Next</a></li>
            </ul>
        </nav>
    </div>
    </div>
    </form>

Answer 1

我认为你可以使用jQuery。

$('#next').click(function(){
    $('#myForm').submit();
});

Answer 2

我希望这就是你要找的东西。

您可以使用JavaScript：

首先，在JavaScript之前，在“Next”锚标记上添加一个onclick事件：

+CMGL: 1,"REC READ","+123456789012",,"2017/09/26,18:31:25+03"
Hi
+CMGL: 2,"REC READ","+123456789012",,"2017/09/26,18:34:25+03"
Hello

2

1
REC READ
+12345678905+03 017/09/26,18:31:25+03
Hi

2
REC REA

然后添加JavaScript：

 <li class="page-item"><a type="submit" class="page-link" href="Clients.jsp" onclick="submitForm()">Next</a></li>

使用分页提交表单

2 个答案: