【问题标题】:Update input without needing to refresh page无需刷新页面即可更新输入
【发布时间】:2015-12-08 19:07:04
【问题描述】:

我这里有这个简单的代码:

var powered = prompt("my favorite color is:", "");
document.write(powered);

这会显示用户和输入框,他们将在其中输入单词。然后该词将显示在页面上。

现在我通常做的是坐在电脑前看着屏幕一遍又一遍地点击刷新按钮,看看是否有任何新的输入

现在我希望做的是:当用户在提示框或我创建的表单中输入信息时...我希望页面自动更新,而无需我一遍又一遍地点击“刷新”按钮,并且一遍又一遍……

ps.. 我一直在说“提示或表单”,因为我还希望您输入哪个更好用。我知道那些关闭了弹出窗口的人可能永远看不到输入框...但是嘿,我喜欢很酷的弹出窗口效果。

【问题讨论】:

    标签: javascript forms refresh prompt


    【解决方案1】:

    我认为这就是您正在寻找的。有很多方法可以做到这一点

    1.基本版使用java脚本提示框

    1. 提示框

    2. Jquery 对话框

    为了更流畅和效果,请使用 JQuery 模型弹出窗口。Dialog

    <!DOCTYPE html>
    <html>
    <body>
    
    <p>Click the button to display a confirm box.</p>
    
    <button onclick="myFunction()">Try it</button>
    
    <p id="demo"></p>
    
    <script>
    function myFunction() {
    var x;
    if (confirm("Press a button!") == true) {
        x = "You pressed OK!";
     } else {
        x = "You pressed Cancel!";
     }
    document.getElementById("demo").innerHTML = x;
    }
     </script>
    
    </body>
    </html>
    

    Try It Here或带提示框Try it here

    【讨论】:

    • 不错的按钮..但不能解决我的问题。我对此很陌生,但我想解释一下。我要做的就是查看我网站上的一个页面,看看用户在我的网站上写了什么,而无需点击刷新按钮。不涉及手。不涉及任何按钮
    猜你喜欢
    • 2016-01-08
    • 1970-01-01
    • 1970-01-01
    • 2021-06-05
    • 2013-05-28
    • 1970-01-01
    • 2012-04-09
    • 2013-12-15
    • 1970-01-01
    相关资源
    最近更新 更多