文本框、下拉框设置只读

在文本框里面给文本框设置只读：readonly="readonly"，但这种设置之后，如果想点击某个按钮触发将这个文本框取消只读，则要在js脚本中禁用，readonly的“o”必须是大写的。而给下拉框设置只读是使用 ：disabled="disabled"属性，若需要添加颜色，用background-color进行对select下拉框设置（背景颜色为灰色）。

eg:

1.<input type="text" id="test" readonly="readonly">

  document.getElementByid("test").readOnly=false

2.<div class="form-group">

            <label for="orderInfo" class="col-sm-4 control-label">Order Status</label>
             <div class="col-sm-8">
                     <select id="ddlOrderStatus" disabled="disabled"  background-color: #EEEEEE  name="orderStatus" class="form-control input-sm">                        
                     </select>
                      <input type="hidden" id="defaultOrderStatus" value="${pd.orderHeader.orderStatus}" />
             </div>

</div>

3.设置select只读不可编辑且select的值可传递！

当属性设置为disabled时，提交时，select的值无法传递，提交前需移除disabled属性。

eg:$("#ddlOrderStatus").removeAttr("disabled"); 

jquery添加属性$("#ddlOrderStatus").attr("disabled","disabled");