javascript - 値の入力に JavaScript を含める

Question

送信時にフォームで POST を送信したい JavaScript 変数があります。フォームには、送信するフィールドもあります。値フィールドに入れようとしましたが、jsがそこで機能しないと思います。

フォームでjs変数を送信するにはどうすればよいですか?

Answer 1

hiddenこれは、フォームの入力フィールドを使用して行うことができます。hidden入力フィールドは、他の入力と同じように値を送信しますが、ユーザーには値が表示されません。hiddenJavascript の他のフィールドと同じように、入力フィールドにアクセスして変更できます。

HTML の例

<form action="mypage.php" method="post">
  <input type="text" name="var1" value="abc" />
  <input type="text" name="var2" value="def" />
  <input id="myvar" type="hidden" name="var3" />
</form>

サンプルJS

var myJSVar = 'ghi';
//Using regular Javascript
document.getElementById('myvar').value = myJSVar;
//Using jQuery
$('#myvar').val(myJSVar);

ここでフォームを送信すると、POST変数内に次のものが生成されます。

var1=abc&var2=def&var3=ghi

非表示の入力タイプの詳細については、w3 スクールのこの記事を参照してください。