键入时文本框大小应该增长

我在文本框中寻找效果。 最初文本框的大小很小，当输入时，文本框应该变大。 是否有任何jquery插件可用于此效果？ 如果不是，如何实现这一目标。

Answer 1

$("#mytextbox").keyup(function() { $(this).attr("maxLength", $(this).attr("maxLength") + 1); $(this).attr("size", $(this).attr("size") + 1); }); 

请注意，如果用户在按下文本框的情况下按下function键，则无论如何都会增加大小。 您应该监视文本框中的值的更改：

 $("#mytextbox").keyup(function() { $(this).attr("size", $(this).val().length + 1); }); 

请注意，第二种方法也支持复制/粘贴到输入字段，而第一种方法不支持，尽管您必须确保用户有足够的空间复制内容（现在，大小设置为+当前值为1，意味着用户在大小增加之前一次只能输入一个字符）。

Answer 2

 var $text = $('myselector') $text.keyup(function() { $(this).attr({size : $(this).val().length}); }); 

这直接取决于文本框中输入的字符串长度。

Answer 3

看看这个jquery插件：

http://www.unwrongest.com/projects/elastic/