ひよこwebプログラマーの覚え書き

エクセルとwebで効率化しますさせます

*

jQueryでselect要素、option要素の中からテキスト・文字列で選択する方法

      2015/01/26

Pocket

例としてこんなselect要素、option要素があるとします。そして青森を選択したい。

青森のvalueが何かわからない、不定、未定と言った場合はどうすればよいか。

探しても見つからなかったので自分で作りました。

以下を使って下さい。

使い方は、
text_selector(“親のセレクタ”,”optionで表示されている文字列”);
です。

$.eachで回してテキストが同じなら親のselectのvalueに設定しているだけです。

なぜ$.eachで回すかというと、containsは文字列比較で「~を含む」というセレクタなので、「青森」で検索すると「青森県」も引っかかってしまうためです。

何故か文字列比較の等号、無いんです。

 

ちなみにselectとoptionで、valueを直接選ぶのは簡単。青森が2とわかっていれば

#(“optionAreaL”).val(“2”)

とするだけでok。

以上です。

 - javascript, jquery, プログラム

Message

メールアドレスが公開されることはありません。

  関連記事

Adobe_Illustrator_Icon_CS6-150x150
after擬似要素が分裂する場合の対処方法

after擬似要素の付いている要素にappendすると、afterが分裂します。 …

no image
webプログラミング用のおすすめツール

フリー、有料、ともに星の数ほどあるツール。 人によって何がいいかはかなり差がある …

no image
cssがおかしい時に確認すること

突然ズレた、うまくいかない時に確認すること ・セミコロンが抜けている いつもの事 …

Adobe_Illustrator_Icon_CS6-150x150
jQuery環境で画像ポップアップ(lightbox)はどれを使えば良いか

素直にlightbox2がオススメです。jQuery1.11系で動きます。 fa …

Adobe_Illustrator_Icon_CS6-150x150
Illustrator CS6でjavascriptを使う方法

Illustratorでマクロを使う方法。 大きく分けて「アクション」と「スクリ …

Adobe_Illustrator_Icon_CS6-150x150
jQueryで別ページをブックマークさせたい時

無理です。 もしこれが実行できると、アクセスした瞬間に変なサイトを大量にブックマ …

Adobe_Illustrator_Icon_CS6-150x150
イラストレーターでjavascriptを使う

イラストレーターではjavascriptを使ってスクリプトを組めます。 しかしh …

no image
jquery、jquery-mobileの.liveが使えない

jquery1.7で廃止されていました。 検索すると $(ページID).live …

Adobe_Illustrator_Icon_CS6-150x150
イラストレーターでjavascriptを使う時のデバッグ方法など

まず、イラストレーターを開いて下さい。 既存のファイルを開くか、ctrl+Nで新 …

Adobe_Illustrator_Icon_CS6-150x150
イラストレーターのjavascriptマクロの注意点

山程ありますが、その内の一例をご紹介します。 activeDocument.la …