テキストボックス値を取得するには、jQuery
val()
関数を使用します。
例えば、
-
$( ‘input:textbox’). val() – テキストボックスの値を取得します.
-
$( ‘input:textbox’). val( “new text message”) – テキストボックスの値を設定します.
テキストボックスの例
<html> <head> <title>jQuery get textbox value example</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> </head> <body> <h1>jQuery get textbox value example</h1> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-format="fluid" data-ad-layout="in-article" data-ad-client="ca-pub-2836379775501347" data-ad-slot="6894224149"></ins> <script> (adsbygoogle = window.adsbygoogle ||[]).push({}); </script><h2>TextBox value : <label id="msg"></label></h2> <div style="padding:16px;"> TextBox : <input type="textbox" value="Type something"></input> </div> <button id="Get">Get TextBox Value</button> <button id="Set">Set To "ABC"</button> <button id="Reset">Reset It</button> <script type="text/javascript"> $("button:#Get").click(function () { $('#msg').html($('input:textbox').val()); }); $("button:#Reset").click(function () { $('#msg').html(""); $('input:textbox').val(""); }); $("button:#Set").click(function () { $('input:textbox').val("ABC"); $('#msg').html($('input:textbox').val()); }); </script> </body> </html>