jQueryを使ってselect(セレクトボックス)でplaceholderを作る!

2015/02/02

jquery_select_placeholder

こんにちは。
今回はjQueryを使ってselect(セレクトボックス)でplaceholderを作る!です。

他のフォーム部分のパーツ(inputやtextarea)と同じようにセレクトボックスでplaceholderのような動きがしたい時ってありますよね!
今回はそれのメモ書きです!

jQueryを使ってselect(セレクトボックス)でplaceholderを作る!

HTML

selectにidを付けます。

 

CSS

.placeに文字色を指定します。

 

jQuery

0の時、つまりデフォルトの状態の時にselectにplaceというクラスを追加しています。
それ以外の時はplaceというクラス名を外しています。

 

コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer's SELECTION)
コアjQuery+プラグイン/jQuery UI 開発実践技法 (Programmer’s SELECTION)

 

以上でjQueryを使ってselect(セレクトボックス)でplaceholderを作る!でした。

参考サイト:Edit fiddle – JSFiddle

topへ戻る