「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="設定" onclick="funA()" />
<script>
function funA() {
document.getElementById("city").value = "東京";
document.getElementById("val").textContent
= document.getElementById("city").value;
}
</script>
</body>
</html>
実行結果
「設定」ボタンを押すと、hiddenに値を設定して画面に「東京」が表示されます。