0

テキストフィールドに任意のテキストを入力できるコードをjqueryに実装する必要があり、[送信]ボタンをクリックすると、そのテキストは次のようなクリア可能なフィールドに変わりますここに画像の説明を入力

このボックスをテキストフィールドに入れてみましたが、これによりテキストフィールド全体がクリア可能なフィールドになり、

 $(document).ready(function(){
    $('input[type=text]').clearableTextField();
  });

私はこれをしたくありません。テキスト フィールドに何かを入力して [送信] ボタンをクリックすると、クリア可能なテキスト オブジェクトになる必要があります。どんな助けでも大歓迎です！

ありがとう。

4

1 に答える 1

0

これを実現する 1 つの方法 (スタック オーバーフローでタグ エントリを行う方法と同様) は、入力フィールドの左側に「クリア可能なテキスト フィールド」を配置する別の div を配置することです。送信ボタンがクリックされると (またはスペースバーが押されるか、JavaScript がリッスンできる任意のトリガーが押されると)、javascript がspanleft 内に新しいタグを作成divし、入力フィールドの幅を新しいspanタグと同じ幅だけ減らします。の HTML/CSS に、削除ボタンと関連するスタイルを含めることができますspan。

jQuery を使用して同様の効果を実現するデモは、http: //xoxco.com/projects/code/tagsinput/ から入手できます。(同様の質問に対する @sachleen の提案)

于 2013-03-01T11:26:08.110 に答える