小初学者请问jsp中select下拉菜单,选中后局部刷新,第二个select中显示刷新后的值

小菜鸟请教jsp中select下拉菜单,选中后局部刷新,第二个select中显示刷新后的值

<script type="text/javascript">
function xiaoshou(){
var suoshubumen=document.getElementsById("find").val();
console.info(suoshubumen);
$.ajax({
   url:"crmuserAction!findBySuoshubumen.action",
   type:"post",
  
   data:{
   "suoshubumen":suoshubumen
   },
   });
}
</script>
</head>
  <body>
   <div>
   <tr width="400"><select id="find" onchange="xiaoshou()">
   <option></option>
   <option>销售部主管</option>
   <option>顾问1部</option>
   <option>顾问2部</option>
   </select>
   </tr>
   <tr width="300">
   <select name="name" >
   <s:iterator value="#request.clist" var="a">
   <option>${a.name}</option>
   </s:iterator>
   </select>
   </tr>
  
   </div>
  </body>

老是出现ReferenceError: xiaoshou is not defined,
主要想实现点击第一个下拉框,刷新页面,然后再第二个下拉框中显示后台传回来的值,
....先谢谢,自己先找着。
------解决思路----------------------
可以在xiaoshou函数里的 $.ajax里面加回调函数操作,在success函数里刷新第二个select
------解决思路----------------------
其实就是级联查询吧,主要是ajax和action要写好,之前写的一段ajax给你参考下

$(document).ready(function(){
$("#pId").change(function(){
$.ajax({
url: "CertificateAction.getTypeListByPId.act",
data: {"pId" : $("#pId option:selected").val()},
dataType: "text",
success: function(data) {
var obj = eval("(" + data + ")");
var html = "<option value=\"\">--请选择--</option>";
for(var i=0; i<obj.length; i++){
html += "<option value=\""+obj[i].name+"\"";
 if(i == 0) {
html += " selected=\"selected\"";

html += ">"+obj[i].name+"</option>";
}
$("#typeId").html(html);
}
});
});
});