Как установить ширину ввода до тех пор, пока текст внутри

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/

EDIT:

Джеймс Padolsey слева развивать этот плагин. Поэтому я бы рекомендовал вам использовать плагин Джека Мура. Если вы хотите использовать старый 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"));