頁面刷新時div消失

Question

無法弄清楚為什么下面的代碼段會在頁面刷新時使文本字段消失（選擇“否”單選按鈕時）。 此外，頁面刷新后，默認單選按鈕不會被選中。

不過，強制刷新可以解決問題。

有任何想法嗎？

<html>
<body>
<div class="editfield">
        <div id="field_1">
            <label>
                <input type="radio" checked="checked" name="radio-1" id="radio-1_id" value="Yes" onclick="document.getElementById('divUrl').style.display='none'">Yes
        </label>
            <label>
                <input type="radio" name="radio-1" id="radio-2_id" value="No" onclick="document.getElementById('divUrl').style.display='block'">No
        </label>
    </div>
</div>
<div class="editfield" id="divUrl" style="display:none">
    <label>Website URL</label>
    <input type="text" name="X" id="X_id" value="" />
</div>
</body>
</html>

Answer 1

頁面刷新將以其原始狀態啟動頁面。 所以

style="display:none"

將在div上重新激活並被隱藏，並且“是”按鈕也將重新啟用

Answer 2

<!DOCTYPE html>
<html lang="en-US">
<body onLoad="document.getElementById('radio-2_id').checked=false; document.getElementById('radio-1_id').checked=true;">
<div class="editfield">
        <div id="field_1">
            <input type="radio" checked="checked" name="radio-1" id="radio-1_id" value="Yes" onclick="document.getElementById('divUrl').style.display='none'">
            <label for='radio-1_id'>
                Yes
        </label>
            <input type="radio" name="radio-1" id="radio-2_id" value="No" onclick="document.getElementById('divUrl').style.display='block'">
            <label for='radio-2_id'>
                No
        </label>
        </div>
</div>
<div class="editfield" id="divUrl" style="display:none">
    <label>Website URL</label>
    <input type="text" name="X" id="X_id" value="" />
</div>
</body>
</html>

簡短回顧一下：
1.在頁面刷新上，div應該消失（動態設置/添加的所有css和js和html都將被刪除），並且選中的單選按鈕應該是第一個（是）
2.在所有主流瀏覽器上都對此進行了測試，並且可以正常工作
3.仍然不知道為什么沒有JS刷新就不能在Mozilla和IE上運行

我將單選按鈕移出了標簽，以查看是否以任何方式影響了刷新，但沒有。 另外，我還刪除了原始代碼中的額外</div> 。

Answer 3

我所做的首先有一個 textarea 插入編號，0 使其只讀，然后它不會在刷新時消失，插入 document.getElementById("demo").readOnly=false，true 以啟用只讀

頁面刷新時div消失

問題描述

3 個解決方案

解決方案1
0 2014-04-24 12:24:05

解決方案2
0 已采納 2014-04-24 12:58:54

解決方案3
0 2021-09-01 06:03:25

頁面刷新時div消失

問題描述

3 個解決方案

解決方案1 0 2014-04-24 12:24:05

解決方案2 0 已采納 2014-04-24 12:58:54

解決方案3 0 2021-09-01 06:03:25

解決方案1
0 2014-04-24 12:24:05

解決方案2
0 已采納 2014-04-24 12:58:54

解決方案3
0 2021-09-01 06:03:25