js控制input根据输入文本长度自动增长

我有个需求,是这样的做了一个input的填空_____,就像这样。但是可能输入的文本长度超过设置的长度,希望他自动变长能刚显示全部文本内容,谁写个js的例子啊。... 我有个需求,是这样的做了一个input的填空_____,就像这样。
但是可能输入的文本长度超过设置的长度,希望他自动变长能刚显示全部文本内容,谁写个js的例子啊。
展开
 我来答
cg0147
2013-02-01
知道答主
回答量:33
采纳率:0%
帮助的人:16.1万
展开全部
如果你input控件的id是 id = "input_1"
那么用JQUERY的代码
$("#input_1").change(function() {
var defaultLength = 10;//线的最小长度是10
var length = $("#input_1").val().length;
if(length > defaultLength)
defaultLength = length;
$('#input_1').css('width', defaultLength);
});
追问
把这里的获取字符串长度改一下就好了:

function len(s) { //获取输入文本长度,字符占一位,汉字两位
var l = 0;
var a = s.split("");
for (var i=0;i<a.length;i++) {
if (a[i].charCodeAt(0)<299) {
l++;
} else {
l+=2;
}
}
return l;
}
lisany30201314
2018-05-15 · TA获得超过690个赞
知道小有建树答主
回答量:476
采纳率:80%
帮助的人:30万
展开全部

直接上js代码,超简单:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式