Question

求源码，急需----用ajax做一个select的二级联动,基于ssh1，用mysql数据库，mysql数据库中有这样2张表：

表1（Directory)的数据：
-------------------------------
id name
----------------------------------
1 java
2 c
3 c++
4 c#

表2（Company)的数据：
---------------------------------------------
id directory company_name
-----------------------------------------------
1 java 北京银行
2 java 上海信息有限公司
3 c 杭州电子技术公司
4 c++ 南京东软
5 c 北京文思创新

jsp页面有两个下拉列表select1和select2；
select1内容取自表1的name，select2内容根据select1 的取值来查找name=directory的company_name
例如：select1若选择java，则select2中列出directory为java的公司（北京银行和上海信息有限公司）
情况紧急，急需，急用，求自创源码，邮箱：Sherry5216@163.com

Answer 1

没有1，2 要不：
$(document).ready(function() {
loadProvinceList();
if(city != "" && city != "null"){
loadCityList();
}
});
function loadProvinceList(){
$.ajax({
type : 'post', // 以post方式与后台沟通
url : 'loadProvinceList', //
dataType : 'json',//
success : function(json) {
$.each(json.listPro, function(i, dataValue) {
provinceAppend(dataValue);
});// end each
if(province != "" && province != "null" && province != null){
$("#province").val(province);
}
}// end success
});// end ajax
}
function loadCityList(){
$.ajax({
type : 'post', // 以post方式与后台沟通
url : 'loadCityList', //
dataType : 'json',//
data:'proName=' + proName,
success : function(json) {
$.each(json.listCity, function(i, dataValue) {
cityAppend(dataValue);
});// end each
if(city != "" && city != "null"){
$("#city").val(city);
}
}// end success
});// end ajax
}
function provinceAppend(data){
var option = "<option value='" + data.proName + "'>" + data.proName + "</option>";
$('#province').append(option);
}
function cityAppend(data){
var option = "<option value='" + data.cityName + "'>" + data.cityName + "</option>";
$('#city').append(option);
}
$("#province").change(function(){
proName = $("#province").val();
$("#city").empty();
var option = "<option selected='selected' value=''>全部</option>";
$('#city').append(option);
loadCityList();
});
上面是JS的代码。
下面是html代码
<label style="width:40px; margin-left: 7px;"> 省份： </label>
<select name="province" id="province" style="width: 60px;">
<option selected="selected" value="">全部</option>
</select>
<label style="width: 40px; margin-left: 7px;"> 城市： </label>
<select name="city" id="city" style="width: 80px;">
<option selected="selected" value="">全部</option>
</select>

我想struts的我就不要说了，就那么回事