单击“提交”按钮，使用关闭按钮使文本可清除

Question

我需要在jquery中实现一个代码，我可以在文本字段中输入任何文本，然后在我点击“提交”按钮后，该文本应该变成一个类似于{{0}的可清除字段}

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

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

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

感谢。

Answer 1

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

通过jQuery实现类似效果的演示可在此处获取：http://xoxco.com/projects/code/tagsinput/。 （建议由@sachleen回复similar question）