div应用示例 --简单内容填充

框架：spring+jquery

接收单位的实现：
jsp：

 

<td align="right" class="c_form_text">接收单位:</td>

<td align="left">

<div style="height: 130px; overflow: auto" id="xfdwChkBox" class="add_checkbox"></div>

</td> 

js：

//填充下发单位内容项

function xfdwChkBox(json){

var chkHtml = "";

for(var i = 0 ;i < json.xfdwList.length ; i++){

var xfdw = json.xfdwList[i];

chkHtml += "<input type=\"checkbox\" name=\"checkbmid\" id=\"checkbmid"+i+"\"  value=\""+xfdw.bmid

+"\" "+xfdw.checked

+"/>&nbsp;"+xfdw.mc+" ";

chkHtml+="<input type=\"text\" name=\"qsr"+i+"\" id=\"qsr"+i+"\" /></br>"

}

$("#xfdwChkBox").html(chkHtml);

} 

传递后台，和平常调用方式一样：示例：

 

//下发

$("#btn_xf").click(function(){

//if ($("#table_list :checked").length==0){alert("请先选择要下发的数据");return false;}

var ffrq=$("#ffrq").val();//发放日期

var fwfs=$("#fwfs").val();//发文份数

var jsdw=$("#jsdw").val();//接收单位

var ffr=$("#ffr").val();//发放人

var qsr=$("#qsr").val();//签收人

 

//if (window.confirm("确定要下发选中的数据吗？")==false) return false;

var queryString=$("#form_xf").serialize();//序列化表单数据即可。

sys_ajaxPostDirect("/tzjsdjb/default.do?method=xf",queryString,function(json){//传入后台

if(json.result==true){

    alert(json.msg);

query($("#form_query"));

sys_showButton("btn_add,btn_del,btn_zf_show,btn_xf_show");

}

});

});

    sys_showButton("btn_save,btn_add,btn_del,btn_zf_show,btn_xf_show");//控制显示按钮

});