Question

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var x=document.f1.tt1.value;
alert(x);
</script>
</head>
<body>
<form name="f1">
<input type="text" name="tt" value="jawadi" />
</form>
</form>
</body>
</html>

* 警报信息没有出现，有什么问题？谢谢你的帮助：）：） *

Answer 1

除了其他答案，您的文档可能还没有准备好。在您的脚本标记中有：

  $(document).ready(function(){
       var x = document.f1.tt.value;
    })

更好的方法可能是为您的输入提供ID。

<input type="text" name="tt" id="myInput" value="jawadi" />
$(document).ready(function(){
     var x = $("#myInput").val();    
    })

Answer 2

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

</head>
<body>
<form name="f1">
<input type="text" name="tt" value="jawadi" />
</form>
</form>
<script type="text/javascript">
var x=document.f1.tt.value;
alert(x);
</script>
</body>
</html>

因为未找到javascript f1试试这个

Answer 3

替换

var x=document.f1.tt1.value;

与

var x=document.f1.tt.value;

Answer 4

修改后的代码：DEMO

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Untitled Document</title>
 <script type="text/javascript">
    function alertX(){
       var x=document.f1.tt.value;
       alert(x);
    }
 </script>
 </head>
 <body  onload='alertX();'><!-- call alertX on body load-->
    <form name="f1">
        <input type="text" name="tt" value="jawadi" />
    </form>
 </body>
</html>

Answer 5

您的脚本存在的问题是您正在尝试获取尚未在DOM中创建的元素的值。所以你得到的是null值，因为它不存在。您可以做的一件事是在页面底部包含脚本，以便获取值

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
     </head>
    <body>
    <form name="f1">
    <input type="text" name="tt" value="jawadi" />
    </form>
    </form>
    </body>
    <script type="text/javascript">
       var x=document.f1.tt.value;//the name of textbox is tt
       alert(x);
    </script>
    </html>

如果你对jquery感到满意，你可以尝试的第二件事是使用.ready函数，所以它会在页面加载后获得值。

$(document).ready(function(){
 var x=document.f1.tt.value;//the name of textbox is tt
           alert(x);

});

警报消息不会出现

5 个答案: