Java Jsp 下拉框 联动 AJAX jquery

<!--  show_select.jsp  -->
< contentType="text/html; charset=UTF-8" language="java" import="java.sql.*" import="java.util.*" import="java.io.*" import ="include.my_db.*,java.text.*"%>
<%my_db my_conn=new my_db();%>
<html><body>
<script type="text/javascript" src="../javascript/jquery.js"></script>
<script type="text/javascript"> 
$(function(){
 $('#province').change(function(){
  $.get('get_cities.jsp',{province_id: $('#province').val(), random:Math.random()},function(data){
   $('#cities').html(data);
  });
  $('#province').doChange();  
 });
}); 
</script>
<select id="province" name="province">
<option value="" selected="true">请选择省份</option>
<%
String sql_query_provinces = "select * from table_provinces";
ResultSet rs_provinces = my_conn.executeQuery(sql_query_provinces);
while(rs_provinces.next()){
 %>
 <option value="<%=rs_customers.getString("province_id")%>"><%=rs_customers.getString("province_name")%></option>
 <%
}
rs_provinces.close();
my_conn.close();%>
</select><br><br>
<select id="cities" name="cities">
<option value="" selected="true">请选择城市</option>
</select>
</body></html>
<!----------------------------->

<!--  get_cities.jsp  -->
< contentType="text/html; charset=UTF-8" language="java" import="java.sql.*" import="java.util.*" import="java.io.*" import ="include.my_db.*,java.text.*"%>
<%my_db my_conn=new my_db();%>
<%
String province_id = request.getParameter("province_id");
String cities = "<option value='' selected='true'>请选择城市</option >";
try{
 String query = "select * from table_cities where province_id = '"+province_id+"'";
 ResultSet rs_cities = my_conn.executeQuery(query);
 while(rs_cities.next()){
  cities = cities + "<option value='"+rs_cities.getString("city_id")+"'>"+rsOrders.getString("city_name")+"</option>";
 }
 rs_cities.close();
 my_conn.close();
}catch(Exception ex){ex.printStackTrace();}
out.print(cities);
%>
<!----------------------------->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_老杨_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值