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

첫 번째 및 두 번째 드롭 다운에서 두 번째 드롭 다운 참조 값을 기준으로 세 번째 드롭 다운을 채우려는 경우.두 개의 종속 드롭 다운 목록 만들기

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>"; 
} 
?>

출처

2015-01-04 ekalostz

txt 파일 –

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

$.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); 
     }); 
    } 
});

출처

2015-01-04 10:02:10 Jai

에서 값을 생성하는 텍스트 파일을 사용하여 작업 할 수 있습니다. 옵션을 표시하는 작업은 세 번째 드롭 다운이지만, 세 번째 드롭 다운에서 첫 번째/두 번째 드롭 다운을 어떻게 확인할 수 있습니까? – ekalostz

@ekalostz 첫 번째/두 번째 드롭 다운 값이 있거나 세 번째 옵션을 표시하기 전에 몇 가지 유효성 검사와 같이 두 번째 드롭 다운 값이 있는지의 여부를 나타냅니다. – Jai

예, loadsubelement.php의 스크립트 어떻게 확인할 수 있습니까? – ekalostz

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)을로드하십시오.

출처

2015-01-04 10:15:36

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

답변

관련 문제