내부 텍스트의 길이만큼 입력 너비를 설정하는 방법

Question

'<input>' 요소의 내용을 콘텐츠와 동일하게 설정하려면 어떻게해야합니까? (내용은 동적입니다.)

예 :이 문제는 8의 배수 처리되는 당신

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

을 위해 작동하는 경우 http://jsfiddle.net/WG86g/

Answer 1

참조.

Answer 2

이 값을 사용해야합니다. 간단하고 쉬운

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

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

편집 :

제임스 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"));