두 개의 종속 드롭 다운 목록 만들기

Question

첫 번째 및 두 번째 드롭 다운에서 두 번째 드롭 다운 참조 값을 기준으로 세 번째 드롭 다운을 채우려는 경우.

jQuery를

<script type="text/javascript"> 
$(document).ready(function() { 

$("#parent_cat").change(function() { 
    $.get('loadsubcat.php?parent_cat=' + $(this).val(), function(data) { 
     $("#sub_cat").html(data); 
    }); 
}); 

$("#sub_cat").change(function() { 
    $.get('loadsubelement.php?sub_cat=' + $(this).val() + $('#parent_cat').val(), function(data) { 
     $("#select_subelement").html(data); 
    }); 
}); 
}); 
</script> 

loadsubelement.php

<?php 
include('config.php'); 
$parent_cat = $_GET['parent_cat']; 
$sub_cat = $_GET['sub_cat']; 
$query = mysqli_query($connection, "SELECT * FROM maincategories WHERE categoryID = {$parent_cat}"); 
$query = mysqli_query($connection, "SELECT * FROM maincategories WHERE subcategoryID = {$sub_cat}"); 
echo '<option value="">Please select</option>'; 
while($row = mysqli_fetch_array($query)) { 
echo '<option value="'.$row['subcategoryID'].'">' . $row['maincategory_name'] . "</option>"; 
} 
?> 

Answer 1

나는 당신이이처럼 쿼리 문자열을 변경해야 할 생각 :

$.get('loadsubelement.php?sub_cat=' + $(this).val() + 
          "&parent_cat" + $('#parent_cat').val() 

을 당신이 누락 : 두 번째에 "&parent_cat"을 아약스 전화.

---

또는 일을 더 나은 방법은 보낼 수있는이 같은 객체 :

$("#sub_cat").change(function() { 
    var dataString = { 
       parent_cat : $('#parent_cat').val(), 
       sub_cat : $(this).val() 
       }; 
    if($('#parent_cat').val() !== ""){ // check if value is selected or not i guessed default value as "". 
     alert("Please choose the parent value."); 
     $('#parent_cat').focus(); // apply focus on the element. 
     return false; 
    }else{ 
     $.get('loadsubelement.php', dataString, function(data) { 
      $("#select_subelement").html(data); 
     }); 
    } 
}); 

Answer 2

jQuery(function($) { 
jQuery("#office_id").change(function(){ 
var inputString=jQuery("#office_id").val(); 
$.post("?r=reports/summary/loademployees/", {office_id: ""+inputString+""}, function(data){ 
        $('#employee_id').fadeIn(); 
        $('#employee_id').html(data); 
       } 
      }); 
}); 
}); 

이 유 office_id으로 ID를 가진 사무실을 포함하는 드롭 다운을 변경할 때 때 프로그램이 트리거입니다과 해당 직원의 부하 직원 (ID가 인 다른 드롭 다운 상자 employee_id)을로드하십시오.