一般我們在實現一些表單提交頁面時會放置若干隱藏屬性
比如在修改某條記錄時,在編輯窗口會嵌入該記錄的id
在展示界面有時需要將input或select選框設為disable以避免用戶修改
下列代碼中的hidden在IE中不能正常作用
. 代碼如下:
<input name = "role_name" id = "role_name" value="Roy" disabled>
<input name = "role_id" id = "role_id" hidden value="3312">
標准寫法應當有附加值
. 代碼如下:
<input name = "role_name" id = "role_name" value="Roy" disabled = "disabled">
<input name = "role_id" id = "role_id" hidden = "hidden" value="3312">
有時我們又需要在當前頁面編輯如上兩條,這時又應當如何操作呢
我們可以用
. 代碼如下:
$("#role_name").removeAttr("disabled");
$("#role_id").removeAttr("hidden");
或者
. 代碼如下:
$("#role_name").prop("disabled",false);
$("#role_id").prop("hidden",false);
其中$("#role_name").prop()會返回一個boolean值,確認是否已開啟這項屬性prop()方法同時還能用在checked選項中用來控制選項是否選中
一般情況下prop()可生效於寫屬性名便能生效及使用boolean操控屬性狀態的屬性