「JavaScript」hiddenに値を設定するサンプル

環境
Google Chrome　99.0.4844.82

書式
document.getElementById(hidden項目名).value = “東京";
getElementByIdメソッドでID「hidden項目名」を指定して対象を特定し、value値に値をセットしています。

使用例

<!DOCTYPE html>
<html>
<head>
<title>hiddenに値を設定するサンプル</title>
</head>
<body>
<p>都市:<span id="val" style="color:red"></span></p>
<input type="hidden" value="red" id="city" />
<input type="button" value="設定" />
<script>
  function funA() {
    document.getElementById("city").value = "東京";
    document.getElementById("val").textContent 
      = document.getElementById("city").value;
  }
</script>

</body>
</html>

実行結果
「設定」ボタンを押すと、hiddenに値を設定して画面に「東京」が表示されます。

JavaScript

Posted by arkgame