最新消息:

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

Web 观测者 2730浏览

在编辑内容时发现文本输入框(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]