JavaScript

Javascript

jQuery - $("select") / $('select[name="name属性"]')

本日ですが、

セレクトボックス(プルダウン)を一括で操作したくて、

jQueryを使ってコードを書いていたのですが、

上手く動作しないとう問題が。。。

何で?としばらく考えて気づいたのですが、

========================================


$select = $("input[type='select']");


========================================

なんてコードを書いていました。

当然動くはずないですね。

selectはinputタグじゃないですから

========================================


$select = $("select");


========================================

としないと動作してくれないです。

取り合えず、

こういう凡ミスは無くしたいですね。。。

 

因みに、

name属性を指定して特定のセレクトボックスを操作する場合には、

$('select[name="name属性"]');

とします。

例えば、選択中のoptionのvalueを取得したければ、

といったコードでいけると思います。

valueではなくテキスト部分を取得したければ、

var text = $('select[name="sel"] option:selected').text();

とすればいいいいです。

WordPress短期学習プログラム

関連記事

  1. JavaScript

    Javascript

    Javascript おすすめのデートピッカー(日付選択ライブラリー)

    WEB制作の仕事をしていると、お客さんからの依頼でデートピッカ…

  2. GoogleMap(グーグルマップ)

    Javascript

    Google Map APIを使うのは止めました!

    Google Map(グーグル マップ)は、APIキー無し、無…

  3. JavaScript

    Javascript

    setInterval()とsetTimeout()

    Javascriptでタイマー設定する時に使用する関数にsetTime…

  4. JavaScript

    Javascript

    flatpickr【デートピッカー用ライブラリ】

    flatpickrについて先日、という日付け選択用のデート…

  5. JavaScript

    Javascript

    IE10でLightboxが。。。

    自作の画像ギャラリーが動作しなくなったと報告がありました。&nbs…

  6. JavaScript

    Javascript

    zoomi.jsでオンマウス時に画像を拡大

    画像にマウスを乗せた時(オンマウス)に拡大画像を表示させたいという依頼…

最近の記事

  1. CakePHP
  2. PHP(ピー・エイチ・ピー)
  3. PHP(ピー・エイチ・ピー)
  4. PHP(ピー・エイチ・ピー)
  5. WP:WordPress(ワードプレス)
  6. WP:WordPress(ワードプレス)
  7. WP:WordPress(ワードプレス)
  8. Security(セキュリティ)
  9. WP:WordPress(ワードプレス)
  10. WP:WordPress(ワードプレス)
PAGE TOP