HTMLフォームの値= Javascriptの変数

Question

私は、この値はあなたが後にスクリプトを配置する必要がjavascriptの変数

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

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

Answer 1

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> 

また、あなたはJS機能の必要性とイベントリスナー

も行うことができ、ユーザを否定、あなたのコードを維持input type = "text"を変更し、ちょうどあなたのHTMLコード/フォームの下にスクリプトを移動することができます。

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

Answer 2

する必要がありますHTMLフォームのテキストボックス に「何か」を表示させたいです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>