input根据Value值进行宽度自适应[使用jquery]

在编辑内容时发现文本输入框(input, type=“text”)宽度不够，导致内容无法显示完整。

原始html代码：

<input name="test" type="text" value="1234567890123456789" size="10">

解决方法：
加入以下js：

<script>
$("input").each(function(i){
   var input_size = $(this).val().length;
   this.size=input_size;
});
</script>

转载请注明：观测者 » input根据Value值进行宽度自适应[使用jquery]