打字时文本框的大小要长(Text box size should grow when typing)

我要寻找一个在文本框中的效果。 最初，文本框的大小会很小，当输入，文本框中应该做大。 是否有任何的jQuery插件可用于这种效果呢？ 如果不是如何才能实现这一目标？

Answer 1:

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

请注意，如果用户按下与集中的文本框的功能键，规模将增加无关。 您应该改为监视其价值变化的文本框：

$("#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/

文章来源: Text box size should grow when typing