gpt4 book ai didi

javascript - 无需按钮即可动态更改JSP页面内容

转载 作者:太空宇宙 更新时间:2023-11-04 12:57:22 24 4
gpt4 key购买 nike

我编写了一段代码,可以从 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(按钮出现后我知道如何执行此操作)。

最佳答案

您可以编写以下 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' 属性标签。

关于javascript - 无需按钮即可动态更改JSP页面内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35263561/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com