Javascript 不使用按钮动态更改JSP页面内容_Javascript_Java_Jquery_Html_Jsp

Javascript 不使用按钮动态更改JSP页面内容

javascript java jquery html jsp

Javascript 不使用按钮动态更改JSP页面内容,javascript,java,jquery,html,jsp,Javascript,Java,Jquery,Html,Jsp,我已经编写了一段代码，可以动态地填充SQL数据库中的下拉列表。接下来，我需要根据用户选择实时更改页面内容（无按钮），可能会显示另一个标签，甚至显示另一个下拉列表，该列表也会根据之前的选择从SQL DB获取其值，等等。。这是我的密码 <%@ page import="java.sql.*" %> <%ResultSet resultset = null; Connection conn;%> <HTML> <% try { Cl

我已经编写了一段代码，可以动态地填充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>


下拉列表

完成所有选择后，我将显示一个“submit”按钮，该按钮将所选数据发送到后端servlet（我知道在按钮出现后如何操作）。

您可以编写以下javascript函数，并在

元素的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>


函数myFunction（）{
var x=document.getElementById（“mySelect”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}
//您的JSP代码

请检查您的

的值属性的代码，它可能是错误的；但另一个代码可以正常工作。我已经为

标记添加了'id'和'onchange'属性。

您可以编写以下javascript函数，并在

元素的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>


函数myFunction（）{
var x=document.getElementById（“mySelect”）.value；
document.getElementById（“demo”）.innerHTML=“您选择：”+x；
}
//您的JSP代码

请检查您的

的值属性的代码，它可能是错误的；但另一个代码可以正常工作。我已经为

标记添加了'id'和'onchange'属性。

您可以在onchange上调用一个函数来选择并传递所选的值id，从中您可以发出一个ajax请求，该请求将返回数据，您可以从该数据中创建标签和下拉列表。请记住，我对JSP web开发是新手，您是说始终有一个更改侦听器在运行吗？在函数中编写代码，并在select onchange事件中调用它。您可以使用ajax。您可以在selectI中添加一个change listner。我感谢您的帮助，但您认为我知道所有这些。我现在从事web开发，我以前没有使用过ajax。您所说的解决方案是在前端还是后端运行，因为在后端运行没有意义，我的问题的重点是更新页面而不需要返回后端servlet，因此“否”按钮请求。您可以在更改select时调用函数并传递所选的值id，从中您可以发出ajax请求，该请求将返回数据，您可以从该数据创建标签和下拉列表。请记住，我是JSP web开发的新手，您是说始终有一个更改侦听器在运行吗？在函数中编写代码，并在select onchange事件中调用它。您可以使用ajax。您可以在selectI中添加一个change listner。我感谢您的帮助，但您认为我知道所有这些。我现在从事web开发，我以前没有使用过ajax。您所说的解决方案是在前端还是后端运行，因为在后端运行是没有意义的，我的问题的重点是更新页面而不需要返回后端servlet，因此出现了“no button”请求。