Question

我的JSP页面上有两个列表框。默认情况下，第一个列表框中填充了数据库数据。当用户选择第一个列表框中的项目时，第二个列表框将使用Ajax相应地填充数据库数据。我是JSP的新手。我需要你的帮助。

我使用以下JavaScript代码在第一个列表框中检索所选值。

<script type="text/javascript" > 
  $(document).ready(function(){ 
    $("#rt_select").click(function() { 
      var option = $('#lstsprintid').val(); 
      alert(option); 
      return option; 
    }); 
  }); 
</script>

我无法在JSP页面中使用JavaScript返回的值。下面是我的多选列表框，其中数据来自db。

<p>Select Name :
<select size="3"  id="lstsprintid" multiple="multiple">
<%
while(rs.next())
{
 String name = rs.getString("s_name"); 

 %>
<option value="<%=name %>"><%=name %></option>
<%
}
%>
</select>

我将使用哪些JavaScript代码来获取上面列表框中选择的值列表。

 <%
 String s1 = request.getParameter("txt_test");
 out.println(s1);
 Statement st1= con.createStatement();
ResultSet rs1=st1.executeQuery("Select sprint_id from sprint where              sprint_name in ("+ s1 +")");
 %>

Answer 1

将onchange事件与第一个列表和.selectedIndex一起使用以获取其选定值：

<script type="text/javascript" > 
   $("#lstsprintid").onchange(function() { 
      var option = $('#lstsprintid').selectedIndex; 
      alert(option); 
      return option;
      // and the use this value to fill the second list
   });  
</script>

JSP中的动态列表框

1 个答案: