textarea、radio,checkbox以及option的取值和赋值

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>
   &nbsp;&nbsp;&nbsp;
           <label><input type="radio" name="flupType" value="2" />家庭</label>
  &nbsp;&nbsp;&nbsp;
<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>