0

我需要在 jquery 中实现一个代码，我可以在文本字段中输入任何文本，然后单击“提交”按钮后，该文本应该变成一个可清除的字段，如下所示在此处输入图像描述

我尝试将此框放在我的文本字段中，但这会使我的整个文本字段成为可清除的字段，

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

我不想这样做，我希望当我在文本字段中输入内容并单击提交按钮时，它应该成为可清除的文本对象。任何帮助表示赞赏！

谢谢。

4

1 回答 1

0

实现这一点的一种方法（类似于在 Stack Overflow 上完成标记输入的方式）是在输入字段的左侧有一个单独的 div，其中放置“可清除的文本字段”。单击提交按钮时（或按下空格键，或任何 javascript 可以侦听的触发器），让 javascriptspan在 left 内创建一个新的div，并将输入字段的宽度减小与新span标签相同的宽度。您可以在span.

此处提供了一个通过 jQuery 实现类似效果的演示：http: //xoxco.com/projects/code/tagsinput/。（@sachleen 在回答类似问题时建议）

于 2013-03-01T11:26:08.110 回答