Cách nhận dữ liệu nhập thông qua cửa sổ bật lên và đặt văn bản trong một biến qua javascript/jquery

Question

Tôi có một nút trên trang của mình. Khi nhấp vào một hộp bật lên sẽ xuất hiện cho phép người dùng nhập văn bản. Khi OK/Submit được nhấn, jscript của tôi sau đó sẽ thực hiện một số chức năng sử dụng dữ liệu đã nhập đó. Rất đơn giản, nhưng tôi không thể tìm ra cách để làm điều này.

Cảm ơn!

Answer 1

trong đó là hình thức đơn giản nhất, bạn có thể sử dụng prompt (câu hỏi, mặc định): (lấy từ 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); 
    } 
} 

bất cứ điều gì khác sẽ đòi hỏi rất nhiều javascript & CSS để tạo các lớp với các nút và nhấp vào các sự kiện trên các nút đó

Answer 2

Dán mã này vào các thẻ head giữa script thẻ

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.