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

我的页面上有一个按钮。 单击时，将出现一个弹出框，允许用户输入文本。 按下OK / Submit后，我的jscript将使用输入的数据执行一些function。 非常简单，但我无法弄清楚如何做到这一点。

谢谢！

Answer 1

在它最简单的forms，你可以使用提示（问题，默认） :(取自w3schools： http ： //www.w3schools.com/js/tryit.asp？ filenamename = 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

将此代码粘贴到script标记之间的head标记内

HTML

 Get Text​ 

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

DEMO。