jquery的输入文本框自动增长，文本框大小自适应输入内容的多少自
1个回答
展开全部
<body>
文本框：<input id="txtId" type="text" style="width:25px" />
</body>
<script>
var widthSize = 25; //文本框长度
var size=0; //文本框字符长度
$("#txtId").keyup(function(){
//当前输入的文本比上一次的文本值长度短，就缩减文本框的宽度
if(this.value.length<size){
size=$("#txtId").val().length; //获取文本框的字符长度
widthSize=parseInt(widthSize-10); //当前文本宽度-10px
this.style.width=widthSize+"px";
return "";
//否则就增加文本框的宽度
}else{
size=$("#txtId").val().length; //获取文本框的字符长度
widthSize=parseInt(widthSize+10); //当前文本宽度+10px
this.style.width=widthSize+"px";
return "";
}
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
