jQueryによるフォーム部品操作のレシピ - むつらつれづれ
テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。 フォーム部品共通 フォーム部品（のjQueryオブジェクト）を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定 テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。 テキストボックス（input[@type=t
CSS3でセレクトボックスをカスタマイズ
CSS3でセレクトボックスをカスタマイズ スマホ向けにセレクトボックスをカスタマイズする必要があったのjQuery Mobieなどが利用している方法でデザインをカスタマイズしました。 セレクトボックスはCSSでのカスタマイズはほとんど出来ないので結構トリッキーな方法です。 サンプル HTMLは次のような感じ。 <select> <option>オプションA</option> <option>オプションB</option> <option>オプションC</option> <option>オプションD</option> <option>オプションE</option> </select> <div>オプションA</div> select要素以外にカスタマイズ用のdivなどを用意しておきます。そしてdivをCSSでセレクトボックスっぽくカスタマイズ。before擬似要素とかafter擬似要素なんか
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
