求解释这个js功能的详细说明


$(document)
    .ready(
function() {
var deptname = document.getElementById('deptname').value;
var deptid = document.getElementById('deptid').value;
var plateno = document.getElementById('plateno').value;
                        
$("#queryTable")
.html("<tbody><tr class='f1f1f1'><td align='right'>所属单位:</td><td class='r_border'><input type='text' value='"+deptname+"' id='deptname' name='deptname' class='input_sytle_1'></td><td align='right'>车牌号码:</td><td class='r_border'><input type='text' value='"+plateno+"' id='plateno' name='plateno' class='input_sytle_1'><input type='hidden' value='"+deptid+"' id='deptid' name='deptid' class='input_sytle_1'></td></tr></tbody>");
var tree = initDropDownTree('orgTree',
'<s:url value="/commonPage.action?method=getOrgTree"/>');
setTextBoxTree('deptname', 'deptid', 'orgTree', tree);
    });
javascriptjquery