no-image

JavaScript

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

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

Tokenize2

デモ

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

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

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

Tokenize2

関連記事

  1. Intense Images
  2. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

  3. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  4. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量のJavaScriptプラグイン「justlazy.js」

    justlazy.jsは画像の遅延読み込みを実装することができるJav…

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

    JavaScript

    jQueryのbindメソッドとliveメソッドの簡単な違いや使い方

    bindとliveの違いがちょっとわかりずらかったのでまとめてみました…

  6. Radial Progress Bars

    JavaScript

    アニメーション付きのサークルプログレスバー「Radial Progress Bars」

    Radial Progress Barsは、アニメーション付きのサーク…

最近の記事

  1. Anker PowerWave 10 Pad & Stand セット
  2. ミノン メン 薬用全身シャンプー

アーカイブ

PAGE TOP