2012-03-10 1 views
2

내가 ... 내 디자이너가 함께했다 그래픽을 처리하기 매우 어려운 상황을했습니다 그래서이 드롭 다운 (선택) 체크 - 함께 매우 도전 일반 옵션 대신 상자.체크 박스가있는 드롭 다운 - jquery로 가능합니까? 내가 코딩을 위해 :</p> <p><img src="https://i.stack.imgur.com/OKeJi.jpg" alt="enter image description here"></p> <p>을

HTML은 다음과 같습니다

는 같은 코드 기반을 활용하고 그냥 :)에 구축 할 수있는 것이 좋지 않을까, 그래서 이미 다른 SELECT 요소를 재 작성이 플러그인을 사용하고
   <select name="cat" id="control_1"> 
       <optgroup label="Mountain"> 
        <option>Gudauri</option> 
        <option>Bakuriani</option> 
        <option>Svaneti</option> 
       </optgroup> 
       <optgroup label="Seaside"> 
        <option>Batumi</option> 
        <option>Kobuleti</option> 
        <option>Kvariati</option> 
        </optgroup> 
       <optgroup label="Capital"> 
        <option>Tbilisi</option> 
       </optgroup> 
       </select> 

- >http://harvesthq.github.com/chosen/

아이디어 나 예제가 도움이 될 것입니다.

감사합니다.

답변

0

상황

Custom drop-down panel with jQuery

편집에 적응하기 매우 쉬운 것입니다 단지 플러그인으로 전환있어이 스레드에서 약간의 바이올린이있다는 : 제거있어 선별에서 드롭 다운을 구성하는 데모를 표시 포스트 위에서, 나는 게시물을 편집하고

http://jsfiddle.net/6zcRk/

+0

재미있는이 바이올린을 다시 넣어,하지만 난 플러그인에는 대체 전략이없는 방법을 좋아하지 않아 ... 나는 그것이 훨씬 더 홍보 믿습니다 예를 들어 사용자가 js를 사용할 수없는 경우를 대비하여 드롭 다운 메뉴를 먼저 선택한 다음 다른 항목으로 다시 작성하는 것보다 ... 바로 하시겠습니까? :) –

+0

@sandrophoto 방금 선택한 데모에서 생성 된 데모가 해당 게시물에서 제거되었으므로, 위의 내용과 함께 다시 배치합니다. 귀하의 경우에는 LI로 클래스를 사용하여 이미지로 확인란을 변경하고 실제 확인란이 필요하지 않을 수 있습니다. – charlietfl

관련 문제

 관련 문제