动态更改JSP页面内容而无需按钮

Question

我编写了一个代码，该代码可动态填充SQL数据库中的下拉列表。 接下来，我需要根据用户的实时选择来更改页面的内容（无按钮），也许显示另一个标签，甚至显示另一个下拉列表，该列表也从SQL DB中获取值（取决于先前的选择）等等。这是我的代码

<%@ page import="java.sql.*" %>
<%ResultSet resultset = null;
Connection conn;%>
<HTML>
<%
    try {
        Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver").newInstance();
        conn = DriverManager.getConnection("jdbc:sqlserver://DESKTOP-O708F3G\\SQLEXPRESS;databaseName=master",
                "user", "pswd");

        Statement statement = conn.createStatement();

        resultset = statement.executeQuery("select * from RTable");
%>
<h1> Drop down list</h1>
    <select name="projectname">
        <%  while (resultset.next()) {%>
        <option><%= resultset.getString(2)%></option>
        <% } %>
    </select>
<%
    } catch (Exception e) {
        out.println("error"+e);
    }
%>
</HTML>

完成所有选择后，我将显示一个“提交”按钮，该按钮将所选数据发送到后端servlet（一旦按钮出现，我就知道该怎么做）。

Answer 1

您可以编写以下javascript函数，并在<select>元素的onchange事件上调用它：

    <p id="demo"></p>

    <script>
    function myFunction() {
        var x = document.getElementById("mySelect").value;
        document.getElementById("demo").innerHTML = "You selected: " + x;
    }
    </script>
//Your JSP Code
    <select name="projectname" id="mySelect" onchange="myFunction()">
        <%  while (resultset.next()) {%>
        <option value="<%= resultset.getString(2)%>"><%= resultset.getString(2)%></option>
        <% } %>
    </select>

请检查<option>的value属性的代码，这可能是错误的； 但其他代码可以正常工作。 我为<select>标签添加了'id'和'onchange'属性。

动态更改JSP页面内容而无需按钮

问题描述

1 个解决方案

解决方案1
0 2016-02-08 07:20:02

动态更改JSP页面内容而无需按钮

问题描述

1 个解决方案

解决方案1 0 2016-02-08 07:20:02

解决方案1
0 2016-02-08 07:20:02