「jQuery」nameを使用してhiddenの値を設定する方法
環境
jQuery 3.6.0
Google Chrome 105.0.5195.127
Windows 10 home 64bit
構文
$('input:hidden[name=セレクタ名]’).val(値)
inputセレクタとhiddenセレクタとnameの名称で対象を特定しvalメソッドでvalue値を設定します。
使用例
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(function () { $("#btnshow").click(function() { //inputセレクタと:hiddenセレクタ hidden値を設定 $('input:hidden[name="city"]').val("東京"); // value値を画面に表示 $(".cityname").text( $('input:hidden[name="city"]').val()); }); }); </script> </head> <body> <p>都市: <span class="cityname"></span></p> <input type="hidden" name="city" value=""> <input type="button" id="btnshow" value="表示" /> </body> </html>
実行結果
「表示」ボタンを押すと、cityを使用して、hiddenの値を設定します。
「都市: 東京」が表示されます。