2013-10-03 13 views
0

다중 선택 상자에서 옵션에 초점을 맞추고 싶습니다. 난 그냥 여러 선택 상자에 옵션 중 하나에 점선 된 테두리를 (click here to refer image) 싶지 완전히 옵션을 선택하지 않으려는.다중 선택 상자에서 옵션에 초점을 맞추는 방법

document.getElementById ("multiple_dropdown")과 같은 것을 시도했습니다. options [2] .focus(); 그러나 작동하지 않았다.

아이디어가 있으십니까?

감사합니다.

+0

jQuery를 사용하거나 순수한 자바 스크립트 만 사용할 수 있습니까? –

+0

이미지가 첨부되어 있지 않습니까? – Rich

+0

이미지에 대한 링크를 추가했습니다. 죄송합니다. –

답변

0

모든 브라우저가 border css 속성 option 요소를 지원하는 것은 아닙니다. AFAIK Firefox는 그렇지만 그게 유일한 것입니다. 그래서 당신은 단지 그것에 국경을 세울 수 없습니다. 당신은 몇 가지 옵션을 선택합니다
, 당신은 <select id="multiple_dropdown"> 요소의 jQuery의

$($("#multiple_dropdown").children()[2]) 

이 (옵션 횟수가 0에서 시작하기 때문에) 당신이 3에 액세스 할 수 있습니다 option 요소를 사용할 수 있습니다. 당신은 어떻게 든 그것을 선택하고 싶은 경우에, 나는 예를 들어, 당신은 background-color를 사용하여 제공 할 수 있습니다 :

$($("#multiple_dropdown").children()[2]).css('background-color', 'blue') 
+0

답장을 보내 주셔서 감사합니다.$ ($ ("# multiple_dropdown"). children() [2]) .css ('border', '1px dotted blue') –

0

더 조사 후, 나는에 관해서는 다른 브라우저의 기본 동작을 변경하려고하는 시간의 가치가없는 것을 발견 여러 선택 상자의 옵션에 초점을 맞추는 이유는 여러 개의 드롭 다운에서 옵션 >에 액세스하기 위해 브라우저에서 제공하는 옵션이 많지 않기 때문입니다.

Browser | What happens on focus of multiple dropdown after reset ?      | Is there provision to style/focus a particular option in multiple dropdown ? 
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 
FF  | Dotted outline border on the very first option in the multiple dropdown  | We can’t set focus on a particular option, but will be able to style particular option like a dotted blue border or background etc. 
IE  | Dotted outline border on the lastly selected option in the multiple dropdown | Doesn’t provide way to style/focus particular option in a multiple dropdown 
Chrome | No dotted outline on the option but a Solid thick blue border on the whole multiple dropdown itself | Doesn’t provide way to style/focus particular option in a multiple dropdown 
Mac  | Same as chrome (as both are webkit family)         | Doesn’t provide way to style/focus particular option in a multiple dropdown 
관련 문제