1、textarea标签不像text标签,它没有value的属性,所以从后台查询到值,传递给textarea标签,需要借助hidden隐藏域,具体思路是,将后台查询到的值赋给隐藏域,再将隐藏域的值传递给textarea标签。示例:
<tr height="50">
<td>其它</td>
<td colspan="3">
<textarea name="symptomOther" id="symptomOther" class="easyui-validatebox" onkeyup="LimitTextArea(this,100)" onkeydown="LimitTextArea(this,100)"style="height:50px;width:575px">
</textarea>
</td>
<td> <input type="hidden" name="symptomOthers" id="symptomOther2" value="${detail.symptomOther}"/> </td> < !--此外构造隐藏域,并将值赋给它-->
</tr>
js:document.getElementById("symptomOther").value=document.getElementById("symptomOther2").value;
2、将后台获取的值赋给radion标签,同样的思路,也是借助hidden隐藏域:
<td>随访方式</td>
<td> <label><input type="radio" name="flupType" value="1" />门诊</label>
<label><input type="radio" name="flupType" value="2" />家庭</label>
<label><input type="radio" name="flupType" value="3" />电话</label>
</td>
<input type="hidden" id="flupType" name="flupType" value="${detail.flupType}"/> < !--此外构造隐藏域,并将值赋给它-->
js: var flupTypeVal=document.getElementById("flupType").value;
$("input[name='flupType'][value="+flupTypeVal+"]").attr("checked",'checked');
3、后台获取checkbox所有选中的值,用数组接收:
String[] zhengz=request.getParameterValues("zhengz"); //数组用getParameterValues方法获取所有选中值
String zhengzVal="";
for(int i =0;i<zhengz.length;i++) //对checkbox进行遍历
{
zhengzVal+=zhengz[i]+",";
}
zhengzVal=zhengzVal.substring(0,zhengzVal.length()-1); //截取掉最后一个逗号
然后赋值给对象:detail.setZhengz(zhengzVal);
将后台查询到值赋给前端checkbox:
<tr>
<td width="120"><input type="checkbox" name="zhengz" value="1" />无症状</td>
<td width="120" nowrap="nowrap"><input type="checkbox" name="zhengz" value="2" />头痛头晕</td>
<td width="120"><label><input type="checkbox" name="zhengz" value="3" />恶心呕吐</label></td>
<td width="120"><input type="checkbox" name="zhengz" value="4" />眼花耳鸣</td>
<td><label><input type="checkbox" name="zhengz" value="5" />呼吸困难</label></td>
</tr>
js: var zhengzVal=document.getElementById("zhengz").value.split(",");
$.each(zhengzVal, function(index, val) {
$(":checkbox[name='zhengz'][value="+val+"]").prop("checked",true);
});
4、后台将值传至前端,设备下拉选框对应的选中值:
var national="${record.national}";
var select = document.getElementById("national");
for(var i=0; i<select.options.length; i++){
if(select.options[i].value == national){
select.options[i].selected = true;
break;
}
}
});
页面代码:
<select id="national" name="national" style="width: 100px;">
<option value="">请选择</option>
<option value="01" >汉族</option>
........
</select>