Javascript HTML滑块赢得'；隐藏

我试图在单击submit按钮时用jquery隐藏html滑块和submit按钮。不幸的是，我的代码不起作用，滑块和提交按钮在返回之前只是暂时隐藏起来。我真的很感激你的帮助

    <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>

0
函数showValue（newValue）
{
document.getElementById（“范围”）.innerHTML=newValue；
}
$（文档）.ready（函数（）{
$（“#提交赌注”）。单击（函数（）{
$（“#打赌”）.hide（）；
$（“#提交赌注”）.hide（）；
$（“范围”）.hide（）；
});
})

您可以试试这个，您忘记了选择范围span元素id的“#”，已经包含在下面的代码片段中

在此处插入标题
0
函数showValue（newValue）
{
document.getElementById（“范围”）.innerHTML=newValue；
}
$（文档）.ready（函数（）{
$（“#提交赌注”）。单击（功能（事件）{
event.preventDefault（）；
$（“#打赌”）.hide（）；
$（“#提交赌注”）.hide（）；
$（“#范围”）.hide（）；
});
})

也许我了解你的设计

如果单击时只想隐藏滑块和提交按钮，可以尝试：

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

---

当您使用

type=“submit”

按钮时，它将发送表单并刷新页面。

但在代码段中，我没有看到滑块返回？我也一样，但当我在本地运行代码时，由于某种原因它不起作用。您是否使用了#range？是的，我确实看到了，您使用的是哪个浏览器？