「jQuery」hiddenセレクタの値を取得するサンプル
書式
$(hiddenセレクタ).val();
使用例
<div>hiddenの値: <span id="kk"></span></div>
<br>
<input type="hidden" value="red" id="cft">
<input type="button" id="btnshow" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$("#btnshow").click(function() {
// 値を取得
const strVal = $("#cft").val();
$("#kk").text(strVal);
});
</script>
<div>hiddenの値: <span id="kk"></span></div>
<br>
<input type="hidden" value="red" id="cft">
<input type="button" id="btnshow" value="表示" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$("#btnshow").click(function() {
// 値を取得
const strVal = $("#cft").val();
$("#kk").text(strVal);
});
</script>
<div>hiddenの値: <span id="kk"></span></div> <br> <input type="hidden" value="red" id="cft"> <input type="button" id="btnshow" value="表示" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $("#btnshow").click(function() { // 値を取得 const strVal = $("#cft").val(); $("#kk").text(strVal); }); </script>