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. アフィリエイト
  2. VPSサーバー
  3. ブログのネタ探し
  4. プログラミング
  5. SSLとは
  6. 常時SSL通信設定後にやっておくべきこと
  7. 常時SSL通信設定方法
  8. htaccessとは
  9. WordPress
  10. WordPress

Twitter

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

  • 世間は今日から新入社員が入ってくる時期か。 新卒一括採用の波に乗れんかった人間やから、 同じ日に一括で社会に放り込まれるという感覚が分からん。
    about 18時間 ago via Twitter Web App

アーカイブ

PAGE TOP