作者Uihc (我 有我的倔強...)
看板Web_Design
標題[問題] 想用js改變input的唯讀屬性
時間Wed Feb 13 14:32:29 2008
請教一下
我的頁面上,有一個Form(myForm) 有一個下拉選單(SearchBy),
還有一個Input文字框(Key)
希望能做到,使用在下拉選單點選第三個的時候,使Input變成唯讀
於是我在下拉選單的onchange加了下面的判斷
<script language="javascript" type="text/javascript">
function GetSearchBy()
{
if(document.myForm.SearchBy.selectedIndex ==2)
{
document.getElementById('Key').disabled="true";
}
else
document.getElementById('Key').disabled="false";
}
</script>
結果,雖然在下拉選單選第三項時可以使Input變唯讀,
但若改選第一、二項時就沒辦法恢復可輸入狀態,
請問我應該怎麼改寫才可以達到我想要的功能呢?
請多指教<(_ _)>
--
最近的新嗜好~部落格研究:
http://Qiu0.blogspot.com/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.31.149.50
※ 編輯: Uihc 來自: 61.31.149.50 (02/13 14:33)
→ Uihc:哈 找到了..來自答,true和false是關鍵字不要加引號 02/13 14:41
→ Uihc:把"disabled"換成"readonly"也可達有同樣效果~ 02/13 14:42
→ Uihc:修正一下,是readOnly,O要大寫 02/13 14:46
→ starjou:readOnly 跟 disabled 會影響 form data 是否傳到後端哦 02/13 23:57
→ Uihc:是指設了唯讀或disabled,欄位資料送不出去嗎? .? 02/14 23:44
→ Uihc:這選單我是用在查詢 都有正常查到資料耶.. 02/14 23:44