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

Question

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

ありがとう！

Answer 1

最も単純な形式では、 prompt（質問、デフォルト）を使用できます:( 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
    }
}

デモ。