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

本文介绍了jQuery - 根据值的宽度调整表单输入的大小?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

Is it possible to get input's value width and resize the input dynamically so the value will fit?

这是一个例子:

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

推荐答案

这是 jQuery 代码:

Here is the jQuery code :

$('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/

这篇关于jQuery - 根据值的宽度调整表单输入的大小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！