テキストの内部で入力幅を設定する方法

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は、このプラグインを開発するために残しました。ですから、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"));