【jQuery】フォームの入力値を取得する方法

プログラミング
Photo by Max Chen on Unsplash

シュテル(@sterchannel2020)です!

フォームの入力欄の値を取ってきたい場合はどうするの?

valメソッドを使います。

valメソッドで入力欄や選択肢の情報などを取得する

valメソッドを使うと、その要素の「value属性」を取得できたり、変更できたりします。

HTMLにある情報をjQueryに引っ張ってきたり、変更情報を送り込むというイメージです。

逆に言うと「value属性」を持っていないものはvalメソッドではいじれないということですね。

submitイベント発生時にvalを使う

subumitイベントとは、

・送信ボタンがクリックされた時

・エンターキーでフォーム送信された時

に発生させられるイベントです。

.submit(function(){ 動作内容 });

と書き、この動作内容にて、上で出てきたvalメソッドを使うんですね。

これで「送信ボタンが押されたときに入力欄の値を取得する」という動きができます。

タイトルとURLをコピーしました