「jQuery」配列をカンマ区切でhiddenセレクタに値を設定する

2021年8月3日

書式
$(セレクタ).val(配列);
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<input type="button" id="btnshow" value="表示" />
<input type="hidden" value="" id="cft">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
   //セレクタの動作
$("#btnshow").click(function() {
//配列
const kArr = ["red","green","yellow","black"];
    //セレクタcftに値を設定
$("#cft").val(kArr);
    //hiddenの値を確認 red,green,black
alert($("#cft").val());
});
</script>
<input type="button" id="btnshow" value="表示" /> <input type="hidden" value="" id="cft"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script>    //セレクタの動作 $("#btnshow").click(function() { //配列 const kArr = ["red","green","yellow","black"];     //セレクタcftに値を設定 $("#cft").val(kArr);     //hiddenの値を確認 red,green,black alert($("#cft").val()); }); </script>
<input type="button" id="btnshow" value="表示" />
<input type="hidden" value="" id="cft">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
   //セレクタの動作
      $("#btnshow").click(function() {
         //配列
            const kArr = ["red","green","yellow","black"];
    //セレクタcftに値を設定
            $("#cft").val(kArr);
    //hiddenの値を確認 red,green,black
            alert($("#cft").val()); 
      });

</script>

 

jQuery

Posted by arkgame