Question

我在文本框中寻找效果。最初文本框的大小很小，当输入时，文本框应该变大。是否有任何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/

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

3 个答案: