드롭 다운 맞춤 너비를 현재 선택으로 선택

select 요소의 너비를 현재 선택 항목과 일치시키는 비 자바 스크립트 방식 (또는 대부분의 네이티브 JavaScript 방식)이 있습니까? 클릭하면 드롭 다운은 가장 긴 문자의 길이가 option이지만 select은 필요한만큼의 공간 만 차지해야합니다.드롭 다운 맞춤 너비를 현재 선택으로 선택

나는 텍스트와 인라인 select 요소를 넣어 노력하고, 그래서 이런 고정 폭 뭔가 재미 보인다 :

<p>you are currently viewing 
the <select style="width:200px;"><option>Awesome</option></select> 
option</p>

그것은 you are current viewing the Awesome ▼ option처럼 보이는 끝날 것입니다. 선택 영역에 맞게 너비를 지정해야하므로 you are current viewing the Awesome ▼ option처럼 매끄럽게 보입니다.

출처

2014-04-10 tau

몇 달 전에 동일한 문제가 있었지만 순수한 CSS-HTML 솔루션을 찾을 수 없었습니다. 그러나 jQuery로 js의 좋은 예를 발견했습니다. 전혀 무겁지 않습니다. http://jsfiddle.net/kn9DF/77/

출처

2014-04-10 23:06:16 potashin

감사합니다! 나는 다소 당신의 예 뒤에 같은 기술을 사용했다. 내가 한 일은'div'를 만들고, 화면 밖으로 이동 ('top : -10000px') 한 다음, 내 드롭 다운과 같은 폰트 패밀리, 크기 등을 적용하고, 선택한 옵션 텍스트로 채우고, 너비를 복사합니다. 이것은 내가 여분의 마크 업을 사용할 필요가없고 JS의 20 줄 정도 밖에 사용할 수 없었다. – tau

드롭 다운 맞춤 너비를 현재 선택으로 선택

답변

관련 문제