Как показать текст, введенный пользователем через текстовое поле в JavaScript / HTML - PullRequest
Новая
       31

Как показать текст, введенный пользователем через текстовое поле в JavaScript / HTML

2 голосов
/ 09 ноября 2011

У меня сейчас есть это в моем коде JavaScript: 

<html>
<head>
    <title>
        Form
    </title>

<script type="text/javascript">

var input = document.getElementById('textbox');
         function namet()
        {
        alert(textbox.value);
        }


    var input2 = document.getElementById('location');   
        function namet2()
        {
        alert(location.value);
        }
 </script> 


    </head>

 <body>

 Your name: 
 <input type="text" name="FirstName" id="textbox" <br><br/> 

 Your Address:
 <input type="text" name="address" id="location" <br></br>

 click:
 <input type="button" value="submit" onclick="namet()"/>

 </body>
 </html>

... и искал способ собрать то, что пользователь вводит в текстовое поле, и отображать их в виде одного окна предупреждения, когда они нажимают кнопку «Нажать», что-то вроде подтверждения.

Кроме того, было бы полезно узнать, как перенаправить их на другую страницу после нажатия кнопки ОК в окне предупреждения.

Спасибо.

Ответы [ 3 ]

4 голосов
/ 09 ноября 2011

Это легко сделать, и у вас это почти получилось!Просто некоторые неправильно названные переменные ...

Учитывая приведенный вами пример, измените: 

7 <script type="text/javascript">
8   
9   var input = document.getElementById('textbox');
10       function namet()
11      {
12      alert(textbox.value);
13      }
14      
15      
16  var input2 = document.getElementById('location');   
17      function namet2()
18      {
19      alert(location.value);
20      }
21 </script>

на: 

7 <script type="text/javascript">
8   
9   var textbox = document.getElementById('textbox');
10       function namet()
11      {
12      alert(textbox.value);
13      }
14      
15      
16  var location = document.getElementById('location');   
17      function namet2()
18      {
19      alert(location.value);
20      }
21 </script>

Надеюсь, это поможет.

- редактировать на основе комментария -

Превратить две отдельные функции в одну, а затем продолжить и установить переменные внутри функции следующим образом: 

<script type="text/javascript">
function showConfirmationDialog() {
    var textbox = document.getElementById('textbox');
    var location = document.getElementById('location');
    alert(textbox.value + '\n' + location.value);
}
</script>

...

<input type="button" value="submit" onclick="showConfirmationDialog();" />

- повторноредактировать: как идиот, забыл .value ... исправлено.

0 голосов
/ 23 августа 2015

Пожалуйста, используйте ниже код: 

 <script type="text/javascript">
    function namet() {
      var input = document.getElementById("textbox").value;
      var input2 = document.getElementById("location").value;   
      alert( "Name : " +input+" Location : " +input2);
      window.location.assign("anypage.html")
    }
 </script>
0 голосов
/ 09 ноября 2011

Используйте jquery 

$(document).ready(function(){
   $("form").submit(function() {
   var fname = $('#fname').val();
   var lname = $('#lname').val();
   alert("First Name:"fname\n"Last Name:"lname);
   });
});

и форму 

<form>
<input type="text" name="fname" id="fname" />
<input type="text" name="lname" id="lname" />
<input type="submit" value="submit" />
</form>

Надеюсь, это поможет

...