jquery ajax二级联动菜单

<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