<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$.ajax({
url: "deJson.action",
type: 'POST',
dataType: 'JSON',
timeout: 5000,
//error: function() {alert('加载数据异常,请重试!');},
success: function(data) {
//$("#departmentId").empty();
$.each(eval(data), function(i, item) {
$("<option value='" + item.id + "'>" + item.name + "</option>").appendTo($("#departmentId"));
});
}
});
$("#departmentId").click(function() {
loadDevice($("#departmentId").val());
});
function loadDevice(departmentId) {
$.ajax({
url: 'dJson.action?departmentId='+ departmentId,
type: 'POST',
dataType: 'JSON',
timeout: 5000,
error: function() { alert('加载数据异常,请重试!'); },
success: function(msg) {
if(msg=="{[]}"){
$("#deviceId").empty();
$("<option value='0'>查询所有</option>").appendTo($("#deviceId"));
}else{
$("#deviceId").empty();
$("<option value='0'>查询所有</option>").appendTo($("#deviceId"));
$.each(eval(msg), function(i, item) {
$("<option value='" + item.deviceId + "'>" + item.name + "</option>").appendTo($("#deviceId"));
});
}
}
});
}
})
function sub(){
document.getElementById("inneralert").style.display="block";
$("#form1").submit();
}
</script>
<form id="form1" action="search.action" method="post">
<select name="departmentId" id="departmentId"><option value="0">查询所有</option></select><br />
<select name="deviceId" id="deviceId"><option value="0">查询所有</option></select><br />
<img src="images/search.gif" οnclick="sub()" />
</from>
转自http://bbs.csdn.net/topics/390816942