再按表單的 reset 按鈕時,
不同瀏覽器,有不同結果,有的會重設 hidden 欄位的值,有的則不會。
測試結果:
IE6、IE7、IE8 會將隱藏欄位的值重設為預設值,
IE9、IE10、IE11、Firefox、Chrome 則維持隱藏欄位改變後的值。
測試範例:
myHidden 是隱藏欄位,預設值為 "A",使用 JS 將值改變為 "B" 後,再按 reset
IE6、IE7、IE8 瀏覽器,myHidden 的值會變回 "A",
IE9、IE10、IE11、Firefox、Chrome 瀏覽器,myHidden 的值依然是 "B"
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | < form id = "form1" name = "form1" method = "post" action = "" > < input name = "myHidden" type = "hidden" id = "myHidden" value = "A" /> < input type = "button" name = "btnSet" value = "設定隱藏欄位值" onclick = "SetHiddenVal()" /> < input type = "reset" name = "btnReset" value = "重設" /> < input type = "button" name = "btnGet" value = "取得隱藏欄位值" onclick = "GetHiddenVal()" /> </ form > <script type="text/javascript"> /* 設定隱藏欄位值 */ function SetHiddenVal() { document.getElementById( "myHidden" ).value = "B" ; } /* 取得隱藏欄位值 */ function GetHiddenVal() { alert(document.getElementById( "myHidden" ).value); } </script> |
沒有留言:
張貼留言