확장 선택 상자

Question

나는 누군가가 드롭 다운/선택 상자를 고정 폭 (예 : 125px)으로 설정하는 방법을 알고 있는지 궁금한 점이 있었지만 열 때 드롭 다운 부분이 자동으로 가장 큰 항목으로 확장됩니다. 목록을 선택하고 항목을 선택하면 드롭 다운 크기가 다시 125x 크기로 변경됩니까?

FF로 표시하지만 현재 IE에는 없습니다. 사전에

감사합니다, B

Answer 1

당신 폭을 사용하여 CSS와 폭을 설정할 수 있습니다

: 125px.

팝업 부분의 너비를 제어 할 수 있는지는 확실하지 않지만 일반적으로 자동으로 크기가 조정되며 임의의 최대 한도까지 조정됩니다.

Answer 2

효과를 얻으려면 일부 CSS 3 속성 (모든 브라우저에서 작동하지 않음) 또는 더 많은 자바 스크립트 중 하나를 사용해야한다고 생각합니다.

선택 상자의 onFocus 및 onBlur 이벤트를 사용하여 그에 따라 style.width 속성을 업데이트 할 수 있습니다. 몇 가지 코드 샘플을 원한다면 알려주십시오!

Answer 3

다음은 mousedown에서 선택 상자의 크기를 조정하는 빠른 jQuery 솔루션입니다. 그런 다음 무언가가 선택되거나 멀리 클릭하면 다시 변경됩니다.

var example = $('#some-id'); 

$(example).mousedown(function() { 
     $(this).css('width','400px');        
}); 
$(example).blur(function({ 
     $(this).css('width','200px');        
}); 
$(example).change(function() { 
     $(this).css('width','200px');        
});