jQueryプラグインChosenの使い方 - 小さい頃はエラ呼吸
はじめに selectボックスをスタイリッシュにしてくれるjQueryプラグインChosenの使い方をまとめてみました。 Web制作の現場で使うjQueryデザイン入門[改訂新版] (WEB PROFESSIONAL)posted with amazlet at 13.06.12西畑一馬 アスキー・メディアワークス 売り上げランキング: 4,610 Amazon.co.jpで詳細を見る デモ 以下のサイトでChosenを体験することができます。 Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better Chosenの基本的な使い方 １．jsライブラリをインクルードします。 <script type="text/javascript" src="http://ajax.googleapi
Chosenプラグインの使い方（基礎編） - HRR Co., Ltd.
はじめに あまり日本語の情報がないので、まとめようと思いました。 マニュアルにないことを意識して書きます。 今回は基礎編ということで、割と浅い内容です。 その後、基礎編2を書きました。 hrroct.hatenablog.com 発展編も書きました。 hrroct.hatenablog.com Chosenプラグインとは Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes 「長くて扱いづらいセレクトボックスを使いやすいものにします」(勝手な意訳) とあるように、selectタグのUIを変化させるものです。 リンク先にサンプルがたくさんあるので、実際にいじってみるのが早いです。 使い方 サンプルはこちら↓ Edit fiddle - JSFiddle 下記サイトを使って実際に書いてみました。 便利なサイトがあるもの
[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。 通常のセレクトボックスの挙動 セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。 そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。
![[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5062373ec67701c8d65ca6ffdfe6e9cb4dc3565f/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015110901.png)
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Select
複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Selectのご紹介。なかなか便利そうだったので備忘録です。 複数選択可能なselectボックスを直感的な操作で手軽に選択できるようにしよう、というもの。グループ化したものも一括選択できるのが個人的には嬉しかったです。 動作サンプルです。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="jquery.multiple.select.js"></script>本体とプラグインを読み込みます。 $('#foo').multipleSelect();セレクタにはselect要素を指定します。 また、細かいオプション設定が可能です。詳
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
