如何在 jsp 中选择 <option> 时从数据库中获取多个值并显示在文本框中

Question

我的 table 是：用户并且它包含这些列。一世）。登录ID ii).姓名三）。名 iv).姓五）。地址

下面我们在下拉列表中填充姓名，一旦下拉值发生变化，我们需要在文本框中打印相应的名字、姓氏、地址、登录ID。这是我们需要实现的目标

这是我的 jsp 代码。

        <%   DBConnection dbc=new DBConnection();   
             Connection con=dbc.getNewConnection();
             Statement st = null;
             ResultSet rs = null;
        try
        {
           st=con.createStatement() ;
           rs=st.executeQuery("select * from Users"); 
           %>
 
   <select id="selectBox" >

         <%  while(rs.next()){ %>
                <option><%= rs.getString(2)%></option>


      <%} %>
    </select>
    <input id="loginid" type="text" value="" />
    <input id="firstname" type="text" value="" />
    <input id="lastname" type="text" value="" />
    <input id="address" type="text" value="" />

那么如何根据用户 table.
中选择的 name 填充以上 4 个值请帮助我如何编写 Javascript 函数来做到这一点。

Answer 1

您首先需要编写 onchange 事件处理程序，这样每当 select-box 值发生变化时，this 处理程序将被调用，然后将 select 的值发送到后端页面（servlet）。因此，ajax 代码如下所示：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  $('select#selectBox').on('change', function() {
     var value = $(this).val(); //get value from select-box
      $.ajax({
        type: 'POST',//can be post request or get 
        url: url,//put url here where you need to send
        data: {
          'value': value//pass value 
        },
        success: function(response) {
          //result will come here 
           //if recieve as html use           
          $("somedivclass").html(response)        
          //if recieve as separted commas         
          var result = response.split(",")
          //access same using result[0],result[1] ..etc
          //add value to input using
          $("#loginid").val(result[0]);
         //same for other  
    
        }
      });
    })

在您的服务器端获取从 ajax 使用 request.getParameter("value") 在 ajax 的 doPost 方法中传递的值，如果使 POST request.Then ，只需编写查询以从数据库中检索记录并将其发送回 ajax 。因此，您的代码将如下所示：

String value = (String) request.getParameter("value");
String query = "select * from Users where yourcolumnanemtocompare=?";
PreparedStatement ps = con.prepareStatement(query);
ps.setString(1, value);
ResultSet rs = ps.executeQuery();
//if value there 
String text;
if (rs.next()) {
  //change value accordingly..i.e : rs.getstring..
  text = "<input id=" + loginid " type="
  text " value=" + rs.getInt(1) + " /><input id="
  firstname " type="
  text " value=" + rs.getInt(2) + " /> <input id="
  lastname " type="
  text " value=" + rs.getInt(3) + " /><input id="
  address " type="
  text " value=" + rs.getInt(4) + " />";
}

response.setContentType("text/html"); // Set content type 
response.setCharacterEncoding("UTF-8");
response.getWriter().write(text); // response to send back.
//or
if (rs.next()) {
  //change value accordingly..i.e : rs.getstring..
  text = rs.getInt(1) + "," + rs.getInt(2) + "," + rs.getInt(3) + "," + rs.getInt(4);
}
response.setContentType("text/plain"); // Set content type 
response.setCharacterEncoding("UTF-8");
response.getWriter().write(text); // response  to send back..
//or use json to send data..

如何在 jsp 中选择 <option> 时从数据库中获取多个值并显示在文本框中

How to fetch multiple values and display in textbox from database on selection of <option> in jsp

html

javascript

java

database

jsp