no-image

JavaScript

あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」

Tokenize2は、あらかじめ設定したリストやAjaxから複数のタグを選択できるようにしてくれるjQueryプラグインです。文字を入力し始めると自動で候補が表示される機能も備えています。

Tokenize2

デモ

デモはページの下の方に用意されています。ボックス内にキーワードを入力してタグを登録するのですが、あらかじめ指定されたリスト以外のキーワードは選択できないようになっています。

ちなみにここで設定されているのは、Africa、Americas、Asia、Europe、Oceaniaです。例えば、テキストボックスに「a」を入力すると、候補にAfrica、Americas、Asiaが表示され、この中から任意の項目をセレクトする感じです。

登録されたタグの横にはバツ印が付いていて、ここをクリックすると削除できます。また、キーボードにも対応しているので、deletキーから削除することも可能です。

Tokenize2

関連記事

  1. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのfocusとblurを使えばフォームが便利になる

    jQueryのfocusとblurを使えばフォームを便利にすることがで…

  3. uploadHBR

    JavaScript

    複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」

    uploadHBRは複数の画像選択に対応したファイルアップローダーを実…

  4. Skitter

    JavaScript

    豊富なアニメーションでカスタマイズ性に優れたスライドショーを実装できる「Skitter」

    Skitterは豊富なアニメーションでカスタマイズ性に優れたスライドシ…

  5. jQuery Accordion
  6. intence

    JavaScript

    インタラクティブなナビゲーションスクロールバーのJSライブラリ「intence」

    intenceはスクロール中のエリアが分かるインタラクティブなナビゲー…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP