小初学者请问jsp中select下拉菜单,选中后局部刷新,第二个select中显示刷新后的值
小菜鸟请教jsp中select下拉菜单,选中后局部刷新,第二个select中显示刷新后的值
老是出现ReferenceError: xiaoshou is not defined,
主要想实现点击第一个下拉框,刷新页面,然后再第二个下拉框中显示后台传回来的值,
....先谢谢,自己先找着。
------解决思路----------------------
可以在xiaoshou函数里的 $.ajax里面加回调函数操作,在success函数里刷新第二个select
------解决思路----------------------
其实就是级联查询吧,主要是ajax和action要写好,之前写的一段ajax给你参考下
<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);
}
});
});
});