web-dev-qa-db-ja.com

ポップアップを介して入力を取得し、javascript / jqueryを介して変数にテキストを配置する方法

ページにボタンがあります。クリックするとポップアップボックスが表示され、ユーザーがテキストを入力できるようになります。 OK/Submitを押すと、jscriptは入力されたデータを使用していくつかの機能を実行します。非常に簡単ですが、これを行う方法がわかりません。

ありがとう！

javascriptjquerypopup
8
Mark

最も単純な形式では、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が必要になります。

24
Reinder Wit

このコードを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
    }
}

DEMO。

0
The Alpha