jQuery - 根据值的宽度调整表单输入的大小？

Question

是否可以获取输入的值宽度并动态调整输入的大小以使该值适合？

这是一个例子:

http://jsfiddle.net/bzBdX/2/

Answer 1

这是 jQuery 代码:

$('input').each(function(){
var value = $(this).val();
var size  = value.length;
// playing with the size attribute
//$(this).attr('size',size);

// playing css width
size = size*2; // average width of a char
$(this).css('width',size*3);

})​;

http://jsfiddle.net/bzBdX/7/