Question

如何根据里面的value值，input的宽度自动调整,使它刚好盛下value里的内容

<input name="t" type="text" value="fwhfohsafsdfhoefhsajfhefghewhgofewhfewf">,我知道size设置input框的宽度，不过如何根据里面的value值，input的宽度自动调整,使它刚好盛下value里的内容

Answer 1

请参考下面的代码实现这个功能：

function resizeInput() {
    $(this).attr('size', $(this).val().length);
}

$('input[type="text"]')
    .keyup(resizeInput)
    .each(resizeInput);

追问

keyup是响应按键弹起时的方法吧？我的input里有值，不需要响应keyup，帮我改改吧，谢谢了

追答

那就把.keyup(resizeInput)这句去掉就行，.each(resizeInput);这句就是直接设置的

追问

不好意思，我对这个一窍不通，我这样用不行。如何用你给的代码呢？

Answer 2

最好给<input>加个id="t".
var val = document.getElementById("t").value;
document.getElementById("t").size = val.length;

追问

我不知道怎么调用它？给个完整点例子吧。谢谢了

追答

window.onload = function () {
var val = document.getElementById("t").value;
document.getElementById("t").size = val.length;
}

Answer 3

js，算value长度len，在计算像素长度len_px,再将input的width设置为len_px

追问

js我不是很熟，自己试试了，写的也不正确，帮我写个吧，谢谢了