2011-07-03 8 views
0

나는 드롭 다운 메뉴로 구성된 웹 페이지가 있습니다. 내가 원하는 것은 첫 번째 드롭 다운 상자에서 선택한 내용에 따라 페이지에있는 다른 드롭 다운 메뉴의 내용이 변경되어야한다는 것입니다. 예를 들어 드롭 다운이 요소로 구성되어있는 경우 학위 요소를 선택하면 다른 드롭 다운에서 학위 과정 만 표시해야합니다. 버튼을 클릭하지 않고 자동으로 실행해야합니다. 내가 어떻게 이걸 얻을 수 있니?페이지 자동 새로 고침

+0

JavaScript로 이런 종류의 동작을 코딩해야 할 것입니다. jQuery 라이브러리를 사용하면 도움이됩니다. –

+0

@Keoki : 예제를 찾을 수있는 리소스를 찾을 수 있습니까? – nikhil

답변

0

이 글은 댓글을 달았지만 댓글 작성 기능이 없습니다. 이 작업을 수행하려면 jquery와 ajax에 $.post을 사용하고 싶을 것입니다 : http://api.jquery.com/jQuery.post/. JQuery를 사용하는 Ajax는 어렵지 않습니다.

첫 번째 드롭 다운의 onchange 이벤트를 사용하여 jquery ajax $.post 호출을 사용하여 서버에 게시하고 드롭 다운의 선택 항목을 매개 변수로 전달할 수 있습니다. 게시 할 페이지 GET에서 드롭 다운에서 선택한 속성을 가져온 다음 매개 변수에 따라 두 번째 드롭 다운으로 이동하는 옵션을 검색합니다 (데이터베이스 또는 어디에서). 코드는 페이지에 기록되어야합니다. jquery ajax 호출은 응답을 얻는 방법을 제공하며 게시물이 반환되면 사용자 정의 함수를 실행할 수 있도록 정의 할 수 있습니다. 반환 값은 페이지에 기록한 값이어야하며,이 함수 내에서 반환 된 데이터로 두 번째 드롭 다운 목록을 업데이트 할 수 있습니다.

도움이 되었기를 바랍니다.