「jQuery」nameを使用してhiddenの値を設定する方法

2022年9月26日

環境
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の値を設定します。
「都市: 東京」が表示されます。

jQuery

Posted by arkgame

関連記事: