두 개의 드롭 다운 메뉴가 있습니다. 사용자가 첫 번째 항목에서 항목을 선택하면 두 번째 항목에 표시된 옵션이 첫 번째 항목을 기준으로 필터링됩니다.JQuery로 필터링 된 드롭 다운 메뉴
내 전략은 관련이없는 경우 두 번째 드롭 다운의 모든 옵션을. 숨기기()하는 것입니다.
필자가 작성한 함수는 두 번째 드롭 다운 목록의 어떤 항목을 숨겨야하는지 식별하고 style = "display : none"속성을 해당 옵션에 추가합니다.
문제는 첫 번째 항목부터 선택하면 두 번째 드롭 다운 목록에 아무 것도 표시되지 않는 것입니다.
다음은 모두 JS입니다. HTML은 상당히 쉽게 추론 할 수 있어야합니다. 두 번째 드롭 다운 목록의 항목에는 첫 번째 옵션 목록의 옵션과 일치하는 클래스 이름이 태그되었습니다.
$(document).ready(function() {
$('.part-type').change(function() {
$(this).show();
var part_type = "."+$(".part-type option:selected").text().toLowerCase();
$('.part').children().filter(":not("+part_type+")").hide();
})
});
내 모든 친구들에게 감사드립니다. JsFiddle에 대한 조치에 내 작품에
링크 ->http://jsfiddle.net/hwD8K/
잘 연주 한 선생님. 고맙습니다. 작년에 CUSEC에서 만나 뵈어 봤어? – Bnjmn
아니요. 나는 원한다. :) 이전에는 어떤 프로그래밍 컨퍼런스에도 없었습니다. 나는 이것이 도움이 된 것을 기쁘게 생각한다! –