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はこちら >>

  • コメント: 0

関連記事

コメント

  • コメント (0)

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

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

最近の記事

  1. 共用サーバ(レンタルサーバ)
  2. サーバー
  3. リマーケッター
  4. 不動産会社向けのWordPressテーマ
  5. レンタルサーバ:おすすめの共用サーバ
  6. ホームページを活用
  7. Perl(パール)
  8. Perl(パール)
  9. ホームページを活用
  10. データ転送
ConoHa WING 2周年キャンペーン中

アーカイブ

PAGE TOP