selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」:phpspot開発日誌
jQuery Selectric selectボックスをカッコよくスタイリングできるjQueryプラグイン「Selectric」 通常のselectをBootstrap2風やフラットな形にスタイリングすることが出来るプラグインです。 リストの中身も綺麗にスタイリングされています。 テーマも複数から選んでダウンロードが可能 関連エントリ Bootstrapのselectをカッコよくできる「Bootstrap-select」 オシャレなSelectボックスが実装できる「FancySelect」 リストをselectに変換してくれるレスポンシブサイト用jQueryプラグイン「Menutron」 selectをカッコよくしてくれるjQueryプラグイン「Minimalect」 selectボックスをインクリメンタル検索可能に機能拡張できるjQueryプラグイン「zelect」
[JS]フォームのselect要素をHTMLの変更無しで、ミニマルに美しく使いやすくするスクリプト -Minimalect
フォームのselect要素をHTMLには手を加えずに、美しいミニマルなデザインを適用し、使いやすさもアップさせるjQueryのプラグインを紹介します。 デザインのテーマも用意されており、オリジナルのテーマをスタイルシートベースでつくることもできます。 Minimalect Minimalectの特徴 Minimalectのデモ Minimalectの使い方 Minimalectの特徴 select要素を洗練されたデザインに置き換えます。 optgroupsのサポート。 フィルタリングのサポート。 キーボードナビゲーション。 テーマのサポート。 Minimalectのデモ HTMLの変更は無しで、select要素を美しく、そして使いやすくしたデモがあります。 まずは、一つ目。
jQueryでoption要素を追加した際の諸問題 - むつらつれづれ
jQueryで任意のoption要素を追加するには、append()やprepend()を利用するのが手軽。 $('#target').append($('<option>').attr({ value: 'xxx' }).text('xxxxxxx')); だが、この操作はIEの場合に問題が生じる。v1.1.3.1以前ではoption要素を追加しても幅が調整されない不具合があり*1、v1.2.3ではoption要素を増やした直後にそのvalue値をval()で設定しようとすると、 「selected プロパティを設定できませんでした。 未定義のエラーです」 というスクリプトエラーが発生する*2。これらの問題はselect要素ごと作り直してしまうことで回避できる。 $('#target').after($('#target').clone()); $('#target').remove()
jQueryでselectのoptionの中にデータがあるかどうかを調べるだけの関数 - モノヅクリブログ
jQueryでselect optionの中に特定のデータがあるかどうかを調べるだけの関数です。jquery.formプラグインとか入れればもしかしたら簡単に実装できるのかもしれないけどこの機能だけが欲しかったので作りました。 他に方法があるのかもしれませんがわかりませんでした。わかる方がいらっしゃいましたら教えてください。 ;(function() { jQuery.fn.is_option = function(options){ params = jQuery.extend({}, jQuery.fn.is_option.defaults, options); var valid = 0; $.each($(this), function(i){ if( $(this).attr('value') == params.value ) valid = 1; }); return val
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
