「jQuery」.valを使用してテキストボックスのvalueに値をセットする
環境
jQuery 3.6.0
Google Chrome 99.0.4844.51
書式
$(セレクタ名).val(値;
.val() の引数に値を渡すと、valueに値をセットできます。
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(event){ var d = new Date(); $("#txtShow").val(d); }); }); </script> </head> <body> <p> <input type="button" id="btnShow" value="表示"></p> <input type="text" id="txtShow" maxlength="150"> </body> </html>
実行結果
「表示」ボタンを押すと、テキストボックスに現在日時「Mon Mar 14 2022 19:16:48 GMT+0900 (日本標準時)」を表示します。