JavaScript

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

本日ですが、

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

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

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

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

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

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

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

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

・
・
$select = $("select");
・ ・

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

取り合えず、

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

 

因みに、

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

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

とします。

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

・
・
<script>
$(function(){
$('select[name="sel"]').change(function(){
var val = $('select[name="sel"] option:selected').val();
alert(val);
});
});
</script>
・
・
<select name="sel">
<option value="option1">オプション1</option>
<option value="option2">オプション2</option>
<option value="option3">オプション3</option>
</select>
・
・

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

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

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

とすればいいいいです。

この記事を書いている人
株式会社ディープ

名前ダッチ

メールアドレスadachi@deep-deep.jp

Twitterはこちら >>

関連記事

最近の記事

  1. WP:WordPress(ワードプレス)
  2. WP:WordPress(ワードプレス)
  3. レンタルサーバ:おすすめの共用サーバ
  4. アフィリエイト
  5. VPSサーバー
  6. ブログのネタ探し
  7. プログラミング
  8. SSLとは
  9. 常時SSL通信設定後にやっておくべきこと
  10. 常時SSL通信設定方法

Twitter

ダッチ@職業ブロガー兼プログラマー
@gatsu0000

  • リモートやってみて分かったこと。 会社って意外と仕事に集中できていなかった。 当たり前か。会社って、別に落ち着ける空間じゃないですからね。
    about 1週間 ago via Twitter Web App

アーカイブ

PAGE TOP