javascript - HTML slider 不会隐藏

Question

我试图隐藏一个 html slider ，并在单击提交按钮时使用 jquery 提交按钮。不幸的是，我的代码不起作用， slider 和提交按钮在它们返回之前只是暂时隐藏。我真的很感激和帮助!

    <form>
        <input id="bet" type="range" min="0" max="100" value="0" step="1"   onchange="showValue(this.value)" />
        <input id="submit_bet" type="submit" value="Submit Bet!"/>
    </form>

    <span id="range">0</span>

    <script type="text/javascript">
    function showValue(newValue)
    {
        document.getElementById("range").innerHTML=newValue;
    }
    </script>

    <script type="text/javascript">
        $(document).ready(function(){
            $("#submit_bet").click(function() {
                $("#bet").hide();
                $("#submit_bet").hide();
                $("range").hide();
            });
        })
    </script>

Answer 1

也许我理解你的设计......

如果你只想在点击时隐藏 slider 和提交按钮，你可以尝试:

<input id="submit_bet" type="button" value="Submit Bet!"/>

当您使用type="submit" 按钮时，它会发送表单并刷新页面。