如何在文本里面设置输入宽度

Question

如何设置'<input>'元素的含号等于内容？ （内容是动态的。）

例如： http://jsfiddle.net/WG86g/

Answer 1

看看这是否适合你

<input id="chk1" type="text" onkeypress="this.style.width = ((this.value.length + 1) * 8) + 'px';">​

问题在于处理了8的倍数。

Answer 2

你应该使用它。简单易行

$('#textbox').autoResize();

http://james.padolsey.com/javascript/jquery-plugin-autoresize/

修改

James Padolsey离开开发这个插件。所以我建议你使用Jack Moore的插件。如果你想使用旧的js文件，你可以从这里访问js文件。

http://james.padolsey.com/demos/plugins/jQuery/autoresize.jquery.js/view

https://github.com/jackmoore/autosize

http://www.jacklmoore.com/autosize

Answer 3

$("input").css("width",$(this).prop("scrollWidth"));