2010-02-09 4 views
2

작은 웹 양식에 유니폼 스타일을 만들려고합니다.CSS/JavaScript를 사용하여 드롭 다운 목록 비헤이비어가 적용된 텍스트 상자

문제는 드롭 다운 목록이 OS에서 나오는 브라우저 스크롤 옵션 등 필요에 따라 스타일을 지정하는 것이 거의 불가능한 것 같습니다.

내가 볼 수있는 해결책은 텍스트 상자를 사용할 수 있도록 콤보 상자 구현을 조작하는 것인데, JavaScript/CSS를 통해 선택 항목을 관리하지만 어디서부터 시작해야할지 모르겠다. 마치 누군가가 이런 식으로 뭔가를해야만하는 것처럼 느껴지 긴하지만 나는 Google을 둘러 보았고 droplist 자체에서 CSS의 좋지 않은 예를 찾을 수있었습니다. 또는 실제로 작동하도록 n 번째 학위를 따로 떼어 내야하는 정말 많이 조작 된 ComboBoxes를 찾을 수있었습니다. . 나는이 같은 모습을 만들려고 해요 무엇

:

alt text http://www.freeimagehosting.net/uploads/9c58a53684.gif

사람은 전에 이런 일을 수행했습니다, 또는 그들은 내가해야 할 일을 위해 괜찮은 자원에 날 지점 수 있습니다. 그것은 ASP.NET 구현이지만, 필요하다면 행복하게 JQuery 등을 사용할 것인가?

도움 주셔서 감사합니다.

답변

2

jQuery 플러그인 Editable Select을 사용해보십시오.

+0

감사합니다. @RegDwight - 괜찮아 보입니다. 어떻게 든 그것을 할 수있는 가장 깨끗한 방법이 될 것입니다 "편집 할 수없는 선택"- 어떻게 든 양식 필드를 잠글 필요가? – Chris

+0

@Chris : 그렇습니다. 그리고이를 달성하기 위해 JavaScript가 필요하지 않을 수도 있습니다. 나는 먼저'readonly' 또는'disabled = "disabled"로 설정하려고 시도 할 것입니다 (전자가 더 좋을 것입니다, 후자는 필드를 비활성화 할뿐만 아니라 회색을 끕니다). –

+0

감사합니다 - 그 소용돌이 줄 것입니다. – Chris

0

목록 상자는 브라우저가 아닌 OS에서 렌더링됩니다. 그들은 Mac과 Windows XP, Vista 등에서 다르게 보일 것입니다.

RegDwight가 제시 하듯이 CSS/HTML/JavaScript를 사용하여 자신을 롤업해야하고 더 고급적인 것을 잊어 버려야합니다.