セレクトボックスに検索機能を付けるjQueryプラグイン「Select2」
セレクトボックスに大量のデータがあると、目的の項目を探し出すのにとても苦労します。
今回は、そんな苦労を解決してくれるjQueryプラグイン「Select2」を紹介します。
Select2を使えば、セレクトボックスに検索機能を付けることができるようになります!
セレクトボックスに大量のデータがあると、目的の項目を探し出すのにとても苦労します。
今回は、そんな苦労を解決してくれるjQueryプラグイン「Select2」を紹介します。
Select2を使えば、セレクトボックスに検索機能を付けることができるようになります!
普通の配列を使う場合 オブジェクトを使う場合 jQueryオブジェクトを使う場合 ちなみに、プルダウン内のoptionの値を取得したい場合は以下の通り
以前、「ドロワーメニューを簡単に実装できるjQueryプラグイン5選」でも紹介したjQueryプラグイン「SlideReveal」を紹介します。 とても簡単にドロワーメニューを実装できます。 以前紹介した「Drawer」…
最近、自作のWEBサイトのスマホ版のほうを修正しました。 その時にドロワーメニューを導入したかったのでいろいろ探すことに。 そいて簡単にドロワーメニューを導入できるjQueryプラグインのDrawerを導入しました! 今…
スマホサイトを作るのにドロワーメニューをつけたかったので、ドロワーメニューのjQueryプラグインを探しました。 Drawer シンプルな記述で簡単に実装することができるプラグインです。 レスポンシブにも対応されています…
Ajaxを使っているとローディング画面を表示したくなることがあります。 ローディングを表示するプラグインは多数ありますが、 「容量デカいし、こんなに高機能なのいらねぇよ」 と突っ込みたくなることも。 今回はjQueryを…
最近ではテキストボックスにオートコンプリートを付けることが、ほぼ必須となってきました。 今回はオートコンプリート機能を実装できるjQueryプラグインを5つ紹介したいと思います。 Autocompleteを実現するjQU…
jQuery UI Datepickerは便利ですよね。日付関連の入力で重宝しています。 今回は仕事でよく使っているjQuery UI Datepickerの機能を3つ紹介いたします。 まずはベースのDatepicker…
導入方法 ダウンロード GitHubにアクセスしてzipファイルをダウンロードしてください。 zipファイルを展開してjquery.matchHeight.jsを適当なディレクトリに配置してください。 コード まずはjQ…
以前、ラジオボタンやチェックボックスのデザインを設定できるjQueryのプラグインiCheck.jsを紹介しました。 かっこいいデザインを設定できて便利なんですが、普通のclickやchangeイベントなどは使えないので…