[jQuery]serialize()でformの値を取得する
構文
$(セレクタID).serialize();
サンプルコード
<p>フォームの値:</p>
<p id="gg"></p></p>
<form id="frmInfo">
<input type="text" value="tes012" name="username" >
<input type="button" id="btnDsp" value="表示" />
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$("#btnDsp").click(function() {
const strA= $("#frmInfo").serialize();
$("#gg").text(strA);
});
</script>
<p>フォームの値:</p>
<p id="gg"></p></p>
<form id="frmInfo">
<input type="text" value="tes012" name="username" >
<input type="button" id="btnDsp" value="表示" />
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$("#btnDsp").click(function() {
const strA= $("#frmInfo").serialize();
$("#gg").text(strA);
});
</script>
<p>フォームの値:</p> <p id="gg"></p></p> <form id="frmInfo"> <input type="text" value="tes012" name="username" > <input type="button" id="btnDsp" value="表示" /> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $("#btnDsp").click(function() { const strA= $("#frmInfo").serialize(); $("#gg").text(strA); }); </script>