Question

我在将文本框值从一个html页面发送到另一个html页面时遇到问题。在第一页，我发送名字和姓氏值。我想在第二页的文本框中捕获这个值（即home.html）。但是会出现一些错误。

错误是：未捕获的TypeError：无法设置null的属性'value'

怎么解决？请告诉我。我知道这个愚蠢的问题。但请告诉我们们。我不懂javascript。

这是我的HTML代码：

 <!DOCTYPE html">
 <html>
 <head>
 <script src="ttt.js"></script>
 </head>
 <body>
 <form method="get" action="home.html" name="ff">
 Firstname: <input id="f" type="text" name="firstname1">
 Lastname: <input type="text" name="lastname">
 <input type="submit">
 </form>
 </body>
 </html>

这是我的home.html代码：

 <!DOCTYPE html">
 <html>
 <head>

 <script src="ttt.js"></script>
 <script Language="JavaScript">
 var tttt=val();
 document.getElementById('text').value=tttt;
 </script>
 </head>
 <body>
 <form name="ff">
 <input id="text" class="text" type="text" name="MyValue" value="helloS"/> 
 </form>
 </div>
 </body>
 </html>

这是我的javascript代码（ttt.js）

function val(){
  var link=location.href;
  var str=link.split('?');
  var str1=str[1].split('&');
  var str11=str1[0].split('=');
  var str12=str1[1].split('=');
      var temp=str11[1]+" "+str12[1];
  return(temp);
 }

Answer 1

将您的javascript放在html的末尾，然后将document.getElementById('tr')更改为document.getElementById('text')。您没有标识为tr的元素。

Answer 2

请看这个问题及其答案，它展示了如何将价值从一个html页面转移到另一个页面

link

Answer 3

当dom准备好并且确保存在具有ID的元素时，您必须执行getElementById('tr')。

无法从输入字段接收值

3 个答案: