4

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

4

3 回答 3

2 
$("#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，表示用户一次只能输入一个字符，然后大小增加）。

于 2012-04-23T18:05:26.247 回答
2 
var $text = $('myselector')
$text.keyup(function() {
    $(this).attr({size : $(this).val().length});
});

这直接从文本框中输入的字符串长度中获取大小。

于 2012-04-23T18:08:48.980 回答
-1

看看这个 jquery 插件：

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

于 2012-04-23T18:21:48.087 回答