如何显示用户通过JavaScript/HTML文本框输入的文本



我目前有这个在我的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>

…我在寻找一种方法来收集用户在文本框中输入的内容,并在他们点击"点击"按钮时将它们显示在单个警告框中,有点像确认。

此外,它也将有助于找出如何重定向到不同的页面后,点击OK的警告框。

谢谢。

这很容易完成,而且您几乎已经完成了!只是一些命名不当的变量…

根据你给出的例子,修改:

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();" />

——re-edit:像个白痴,忘记了。value…固定的。

请使用下面的代码:

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

使用jquery

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

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

希望能有所帮助

相关内容

  • 没有找到相关文章

最新更新