javascript - 将用户输入的 javascript 变量写入文档-6ren

javascript - 将用户输入的 javascript 变量写入文档

转载作者：塔克拉玛干更新时间：2023-11-02 20:37:16

这看起来应该是相对简单的，我不知道我做错了什么。我需要通过文本框从用户那里获取输入(用户名)，将其设置为变量，并将其显示在页面上。我一直收到“未定义”而不是用户名。

这是一个浓缩版。这将显示一个覆盖整个页面的 Div，其中包含供用户键入其姓名的输入。当用户点击提交时，div 消失并且名称被设置为一个变量。我留下了表单处理函数，以防它们与问题相关。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<HTML>
<HEAD>
<TITLE>HOME</TITLE>



</HEAD>
<BODY>
<CENTER>
<BR />
<FONT COLOR="RED" FACE="ARIAL BOLD" SIZE="5">test</FONT>
<BR />


<script language="javascript"> 
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var name = uservariable;

function setName(){

    uservariable = document.forms["username"]["user"].value;

    var ele = document.getElementById("nameInput");
    if(ele.style.display == "none") {
            ele.style.display = "block";
    }
    else {
        ele.style.display = "none";
    }
    document.getElementById('element_7').value = uservariable;

} 

function validateForm()
{
var x=document.forms["username"]["user"].value;
if (x==null || x=="")
  {
  alert("Rembrandt's first name was Beauregard, what is yours?");
  }
else
  {
  setName()
  } 
}

</script>


<DIV id="nameInput" STYLE="background-color:#ccc;position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:1000;display:block;">

<br /><br /><FONT FACE="ARIAL BOLD" SIZE="3">First Name:</font><br />


<form name="username" action="javascript:validateForm()">
<input type="text" name="user" value="" size="20"><br>
<input type="submit" value="Start Shift">
</form> 
</div>


<script language="javascript"> 
document.write(name + "s LEADS SUBMITTED FOR " + month + "/" + day + "/" + year + ":</B>");
</script>
</center></td></tr></table>
</div>



</CENTER>
</BODY>
</HTML>

最佳答案

<head>
  <script>

      function doStuff()
      {
        var nameElement = document.getElementById("someInput");
        var theName = nameElement.value;
        document.getElementById("someDiv").innerHTML += theName;
      }

  </script>
</head>

<html>

  <div id="someDiv">
    Hello
  </div>

  <br><br>

  <input id="someInput" type="text">
  <input type="button" value="Say Hello" onClick="doStuff()">

  <br>    
</html>

关于javascript - 将用户输入的 javascript 变量写入文档，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11044423/

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 将用户输入的 javascript 变量写入文档