У меня есть страница JSP, которая выдает запрос на выборку, чтобы заполнить раскрывающийся список / опцию для всех заголовков в таблице.Я хочу динамически обновлять теги h1 с помощью идентификатора и заголовка, выбранных в раскрывающемся списке / окне параметров (только при обновлении значения).
В данный момент прокомментированы элементы, которые я хотел бы изменить динамическии я добавил несколько JQuery, чтобы определить, когда значение раскрывающегося списка / опций меняется.
<%@ page import="java.sql.*"%>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#select').on('change',function ()
{
alert($('#select').find(":selected").val());
});
});
</script>
</head>
<body>
<h1>JDBC Connection example</h1>
<%
String db = "jdbc:mysql://localhost/db";
String user = "admin";
String pass = "pass";
try {
java.sql.Connection con;
java.sql.Statement statement;
java.sql.ResultSet resultSet;
Class.forName("com.mysql.cj.jdbc.Driver");
con = DriverManager.getConnection(db,user,pass);
statement = con.createStatement();
String sql ="SELECT * FROM titles";
resultSet = statement.executeQuery(sql);
%>
<!-- I want the query to display an updated title and id each time the dropdown is changed
<h1><%=resultSet.getString("id")%></h1>
<h1><%=resultSet.getString("title")%></h1>
-->
<h1>Drop down box</h1>
<select id="select">
<% while(resultSet.next()){ %>
<option value='<%= resultSet.getString("id")%>'><%= resultSet.getString("title")%></option>
<% } %>
</select>
<%
}catch(Exception e){
out.println("wrong entry"+e);
}
%>
</body>
</html>