【jQuery】selectタグとvalメソッドの使い方をおぼえよう

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

シュテル(@sterchannel2020)です!

入力フォームもいろいろ形式があるのでvalメソッドとの絡みを見ていきたいですね

ですね~今回はselectメソッドを見ていきましょう。

まずはselectタグをおさらいする

selectタグを使うと選択式のセレクトボックスを作れ、

selectタグにはさまれた各optionタグが選択肢となります。

select要素に対してvalメソッドを用いることで、

選択中の値(optionタグのvalue属性値)を取得できます。

フォームの入力有無でエラー文を動かす方法

「if文」を使って、フォームの入力有無によるエラー文の表示を切り替えをおこないます。

「中身の無い文字列」で判断する

「空文字列」と言い、「”」(シングルクォーテーション2つ)で表記します。

値が入力されているかどうかは、valメソッドで取得した値が

空文字列「”」かどうか

で判断します。

※また、textメソッドを使い、空文字列を指定要素に挿入することも可能です。

コメント

  1. critical thinking problems
    [url=”https://criticalthinkingbasics.com”]what is a critical thinking class[/url]
    intellectual standards of critical thinking

  2. cialis 20mg より:

    tadalafil generic where to buy generic cialis tadalafil

  3. critical thinking brain teasers pdf
    [url=”https://criticalthinkinginstitute.com”]critical thinking moore parker 11th edition pdf[/url]
    definition of critical thinking

  4. zithromaxik.com より:

    z pack antibiotic zithromax pediatric dosing azithromycin over counter walmart

  5. inhalerotc より:

    price of ventolin – ventolin inhaler coupons
    Thanks. Lots of data.

  6. how to write a rhetorical analysis essay
    [url=”https://essayscratch.com”]typing essay[/url]
    format for college essay

  7. argumentative essay outline template
    [url=”https://essaysitesreviews.com”]how to end a essay[/url]
    police brutality essay

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