javascript - 如何通过弹出窗口获取输入并通过 javascript/jquery 将文本放入变量中

Question

我的页面上有一个按钮。单击时应出现一个弹出框，允许用户输入文本。当按下 OK/Submit 时，我的 jscript 将使用输入的数据执行一些功能。非常简单，但我就是不知道该怎么做。

谢谢！

Answer 1

以最简单的形式，您可以使用prompt(question, default) : (取自 w3schools: http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt )

function myFunction(){
    var x;
    var name=prompt("Please enter your name","Harry Potter");
    if (name!=null){
       x="Hello " + name + "! How are you today?";
      alert(x);
   }
}

其他任何东西都需要大量的 javascript 和 CSS 来创建带有按钮的图层并在这些按钮上单击事件

Answer 2

将此代码粘贴到head标签之间的script标签中

HTML

<button id="button">Get Text</button>​

JS

window.onload=function()
{
    var el=document.getElementById('button');
    el.onclick=function(){
        var my_text=prompt('Enter text here');
        if(my_text) alert(my_text); // for example I've made an alert
    }
}

演示。