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();

とすればいいいいです。

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

名前ダッチ

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

Twitterはこちら >>

  • コメント: 0

関連記事

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

【2,000円OFF キャンペーン実施中】↓

最近の記事

  1. WP:WordPress(ワードプレス)
  2. 色鉛筆
  3. WP:WordPress(ワードプレス)
  4. WP:WordPress(ワードプレス)
  5. WP:WordPress(ワードプレス)
  6. 文系と理系のメリットとデメリット
  7. 東京駅
  8. 残業
  9. プログラマーになるのに年齢は関係ある?
  10. 年収(収入)
【2,000円OFF キャンペーン実施中】↓

Twitter

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

ConoHa WING 2周年キャンペーン中

アーカイブ

PAGE TOP