드롭 다운에서 선택 상자가있는 div가 열림

Question

불명확 한 제목을 사과하십시오. 어떻게이 페이지에 같은 솔루션을 구축 할 수 있습니다

http://reisen.com/

내가 공항에 대한 드롭 다운 필드 같은 솔루션 (Abflughäfen)을합니다. 드롭 다운을 클릭하면 체크 박스가있는 패널이 나타납니다. 상자를 선택하면 선택한 항목이 드롭 다운에 나타납니다.

jquery 용 플러그인이 있습니까? 아니면 직접 코드를 작성해야합니까? 어떻게 이뤄지나요?

미리 의견을 보내 주셔서 감사합니다.

Answer 1

이것은 플러그인에 의존하기에 충분히 복잡한 것은 아닙니다. 그들이 드롭 다운

$('#airport').change(function(){ 
    $('#panel').toggle(); 
}); 

2

) 당신이 행동이보고 싶다면 그들이

$('#close').button().click(function(){ 
    $('#panel').toggle(); 

    //figure out exactly what they checked off 
    var results = new Array(); 
    $('input[name="group"]:checked').each(function(){ 
     results.push($(this).val()); 
    }); 

    //append back to the select this list 
    $('#airport').append('<option value="bar">'+results.join(',')+'</option>'); 
}); 

을 선택한 것을 파악 닫기 버튼 이벤트가 확인을 클릭하면

1) 패널을 표시 간소화 된 양식, 여기를보십시오 : http://jsfiddle.net/ryleyb/RHBcc/