使用单个提交按钮发送下拉列表的多个值

Question

我正在尝试制作一个看起来像这样的表格。每行有两个下拉列表：第一个是 select 只有一个，另一个是 select 多个。 Here is the output screen.

在此屏幕上，我想使用单个提交按钮将所有行（包括两个下拉列表）的值发送到 servlet (Testing.java)。在Testing.java中，我基本上希望能够访问每个测试名称对应的每一行的所有值。

这是我的 JSP 图像中显示的输出代码：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" import = "java.util.*" pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

        <link rel="stylesheet" href="jquery chosen utils/chosen.css">  
        <link rel="stylesheet" type="text/css" href="jquery chosen utils/welcomestyle.css">
    </head>
    <body>
        <div align = center>
            <table style="width: 100%">
                <tr>
                    <th> Script Name </th>
                    <th> Main Action Keywords </th>
                    <th> Sub Action Keywords </th>
                </tr>
            </table>
            <%
            for(int i =0; i<5;i++)
            {
            %>
            <form action = "Testing">
            <table style="width: 100%">
                <tr>
                    <td> Test <%= i %> </td>
                    <td> 
                        <div>
                            <select name = "Actions" class = "Actions" >
                                <%
                                for(int j=0;j<4;j++)
                                {
                                %>
                                <option value="Action<%= j %>">
                                    Action <%= j %>
                                </option>
                                <%
                                }
                                %>
                            </select>
                        </div>  
                    </td>
                    <td> 
                        <select name = "SubActions" class = "SubActions" multiple>
                            <%
                            for(int k=0;k<4;k++)
                            {
                            %>
                            <option value="SubAction<%= k %>">
                                Sub Action <%= k %>
                            </option>
                            <%
                            }
                            %>
                        </select>
                    </td>
                </tr>
            </table>
            <%
            } 
            %>
            <br><br>
            <input type = submit value = "Submit" name ="submit" />
        </form>
    </div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="jquery chosen utils/chosen.jquery.js" type="text/javascript"></script>
<script src="jquery chosen utils/prism.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
        $(document).ready(function(){
            $(".Actions").chosen({
                width: "75%"
            });
            $(".SubActions").chosen({
                width: "75%"
            });
        });
    </script>
</html>

我希望我的 Testing.java 是这样的：

import java.io.IOException;
import java.util.ArrayList;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/Testing")
public class Testing extends HttpServlet
{

private static final long serialVersionUID = 1L;

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException 
{


    String a = request.getParameter("Actions"); //Should get actions corrsponding to each test 
    String b = request.getParameter("SubActions"); //Should get subactions corrsponding to each test


   }   
}

当前Testing.java只有returns第一行的动作和第一个子动作（测试0）。我主要使用 HTML 和少量 jQuery 作为下拉菜单。

谁能给我建议如何做同样的事情？

Answer 1

您正在寻找的是 Array 的 Actions 和 2D Array 的 Sub Actions：

还有子操作

变化：
<select name = "SubActions" class = "SubActions" multiple>
至：
<select name = "SubActions[<%= i %>]" class = "SubActions" multiple>

并访问 Servlet 中的值执行此操作：

String[] actions =request.getParameterValues('Actions');
int length = 5 ;       // Length of Rows
String[][] subActions = new String[length][];

for (int i = 0; i < length; i++) {
    subActions[i] = request.getParameterValues("SubActions["+i+"]");
}

我可以看到你的 5 循环用于创建行，所以它是固定的。
如果你的行（选择）是Dynamic/Growable在Servlet你需要访问它动态方法。然后在 Servlet 中动态更改长度：

int length = 0 ;       // Length of Rows
if( actions != null )
    length = actions.length;     // Calculate Rows Dynamic

Answer 2

我终于找到了访问每个操作的方法，并且 sub-action 使用 Shantaram 的想法，尽管它并不完全正确。

所以完善他的想法，我做了以下修改：

<select name = "Actions[<%= i %>]" class = "Actions" >

和

<select name = "SubActions[<%= i %>]" class = "SubActions" multiple>

对我来说，以下方法不起作用：

String actions[] = request.getParameterValues("Actions");

为了访问它们，我执行了以下操作：

String actions[] = new String[5];
for (i = 0; i < 5; i++)
        actions[i] = request.getParameter("Actions["+i+"]");

String[][] subActions = new String[5][];
    for (i = 0; i < length; i++) 
        subActions[i] = request.getParameterValues("SubActions["+i+"]");

欢迎大家提出更好的方法

使用单个提交按钮发送下拉列表的多个值

Send Multiple Values of Dropdowns using Single Submit button

java

forms

jsp

submit

dropdown