javascript - Set HTML hide attribute with js

Question

Welcome To Ask or Share your Answers For Others

javascript - Set HTML hide attribute with js

posted Oct 7, 2021 in Technique[技术] by 深蓝 (71.8m points)

javascript - Set HTML hide attribute with js

I want to set a hide HTML attribute with JS but it is reseting itself after 1ms. Does anyone know how to set the hide attribute and remove it.

<body>
    <form method="post" id="form">
        <input type="text" name="text" id="text" ><br>
        <button onclick="hide()">True</button>
        <button onclick="show()">false</button>
        <input type="submit" name="submit">
    </form>
</body>
<script type="text/javascript">
    function hide() {
        document.getElementById('form').hidden = true;
    }
    function show(){
        document.getElementById('form').hidden = false;
    }
</script>

question from:https://stackoverflow.com/questions/65904336/set-html-hide-attribute-with-js

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-06T19:15:08+0000

You are calling hide() when you click a submit button inside a form.

The JavaScript runs
The element is hidden
The form submits
A new document is loaded and rendered (and it isn't hidden in the new document).

Don't use a submit button unless you actually want to submit the form.

<button type="button" ...>

If you do want to submit the form then you'll need to set the hidden attribute in the new page. You could do that with server-side code that reads the form data (and you'll need to set a name and value for the hide submit button so the data can be picked up by that page).

Categories

javascript - Set HTML hide attribute with js

javascript - Set HTML hide attribute with js

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags