Question

我想展示＆＃34;某事＆＃34;在HTML表单文本框上这个值应该是一个javascript变量

＆＃13;

var paramvalue = "something"
document.getElementById("client_id").value = paramvalue

＆＃13;

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

＆＃13;

Answer 1

您必须将脚本放在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>

Answer 2

var textbox = document.getElementById('client_id');,

然后

textbox.value = paramvalue;

会奏效。

您的问题是type='hidden'应该是type='text'，因为隐藏不可见。您还需要将其更改为运行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>

或者，您可以保留代码，更改input type = "text"，只需将脚本移动到HTML代码/表单下方，无需使用JS函数和事件监听器

用户也可以这样做：

<input type="text" name="clientID" id="client_id" value="" onload="init()" />

HTML表单值= Javascript变量

2 个答案: