HTML表单值=Javascript变量

HTML表单值=Javascript变量,javascript,html,Javascript,Html,我想在HTML表单文本框中显示“某物” 此值应为javascript变量 var paramvalue=“某物” document.getElementById(“客户端id”).value=paramvalue 登录 您必须将脚本放在HTML之后,因为当它运行时,输入字段还不存在,因此它将返回一个错误 <form action="login.php" method="post"> <input type="hidden" name="clientID" id="

我想在HTML表单文本框中显示“某物” 此值应为javascript变量

var paramvalue=“某物”
document.getElementById(“客户端id”).value=paramvalue

登录

您必须将脚本放在HTML之后,因为当它运行时,输入字段还不存在,因此它将返回一个错误

<form action="login.php" method="post"> 
    <input type="hidden" name="clientID" id="client_id" value="" />
    <button>Login</button> 
</form>
<script type="text/javascript">
    var paramvalue = "something";
    document.getElementById("client_id").value = paramvalue; 
</script> 

登录
var paramvalue=“某物”;
document.getElementById(“客户端id”).value=paramvalue;
然后

会有用的

你的问题是你有
type='hidden'
它应该在哪里
type='text'
,因为hidden将不可见。您还需要将其更改为运行onload,以便替换页面加载时的值

<script type="text/javascript">  
   function init(){
      var paramvalue = "something"
      document.getElementById("client_id").value = paramvalue
   }
   body.addEventListener("load", init);
</script>



  <form action="login.php" method="post">
           <input type="text" name="clientID" id="client_id" value="" />
           <button>Login</button>
  </form>

你的问题是什么?
var textbox=document.getElementById('client_id')
,然后
textbox.value=
paramvalue
将设置值,就像您所做的那样。输入类型被设置为隐藏,这样在您不知道的情况下,您就不会看到表单字段。如果您想让它可见
type='text'
则在输入文本框中有type=隐藏。要显示文本框,需要将其删除。另外,请确保脚本位于HTML之后,因为您没有设置onload的值。您的代码似乎工作得很正常,请看一下这个提琴:哦,哈哈。。没有看到;)我在手机屏幕上,所以我必须侧滚才能看到>\u完成。。我纠正了它。解决方案是将脚本放在HTMLYou之后,您可能还希望使用单独的JS文件并链接到它们。请解释为什么分隔
var textbox
textbox.value
会有任何区别,以及为什么这不能与
type=“hidden”
一起使用。另外,
init()
不是作为事件侦听器传递函数引用的方式。只是为了显示过程。如果你愿意,它可以被改变,尽管这两种方法都有效,但这不是一个合理的担忧。第二,这正是如何在页面加载时为函数添加事件侦听器的方法否否否。首先,引入两个不必要的步骤,它们对解决实际问题没有任何作用,因为它们不会改变代码的功能。其次,
init()
立即调用函数并将
undefined
作为事件侦听器传递。这不是分配事件侦听器的方式。至少你纠正了这一点。这将过程分割开来,以便用户可以看到,而不知道你的未来读者可以链接内容。我删除了意外的(),因此,除非您打算提供答案,否则请停止批评不必要的观点(除了()错误)。
textbox.value = paramvalue;
<script type="text/javascript">  
   function init(){
      var paramvalue = "something"
      document.getElementById("client_id").value = paramvalue
   }
   body.addEventListener("load", init);
</script>



  <form action="login.php" method="post">
           <input type="text" name="clientID" id="client_id" value="" />
           <button>Login</button>
  </form>
<input type="text" name="clientID" id="client_id" value="" onload="init()" />