Multi.js - わかりやすいJavaScriptで構築されたユーザーフレンドリーな選択ボックス
メニューを選択 原始的ですが、彼らは働きます。次のようなすべての典型的なフォーム入力についても同様です。 チェックボックス そして ラジオボタン.
独自のフォームを作成するのは簡単ですが ゼロからインターフェース要素を再構築 厳しいことができます。それが理由です Multi.js のような貴重なプラグインです デフォルトの選択ボックスを置き換える.
Multi.jsでは、あなたは 訪問者に選ぶアイテムのリストを与える フォームに複数選択機能が組み込まれています。このようにしてユーザーはできる 複数のアイテムをクリック チェックボックスに頼らずに.
このスクリプトも 検索機能をサポート, リストが特に長い場合、ユーザーはアイテムを検索できます。.
メニューも直感的に分かりやすいので、 あまり説明する必要はない. 右側の列に追加するには、左側の項目をクリックします(または “選択された” アイテム)。次に、それらを削除するには、右側の列の項目をクリックしてください.
すべてがバニラジャバスクリプトで動く, 検索機能を含むので、依存関係は必要ありません。しかし、それは jQueryをサポートしていますか あなたのサイトがそのライブラリを使っているなら.
必要なのはMulti.jsファイルとそれに付随するCSSスタイルシートだけです。次に、あなただけ を作成する 素子 そして JavaScript関数で要素をターゲットにする, そのようです:
var select_element = document.getElementById( 'your_element_ID'); multi(select_element);
今、プラグイン optgroupsをサポートしません しかし、この機能は現在進行中です.
いずれにせよ、デフォルトの機能は素晴らしいです。それはあなたが期待したとおりに機能します。 モバイルレスポンシブレイアウトもサポート.
詳細については、 GitHubリポジトリ どっち ダウンロード可能なファイルも含まれています. Multi.js デモページ このプラグインがどのように動作するかを見るのに最適です。 ブラウザで動作します. しかし、実際には、それは 選択メニューのスタイルを変更する フォームの全体的なユーザーエクスペリエンスを向上させながら.