여러 종속 드롭 다운 메뉴

Question

여러 동적 드롭 다운이 붙어 있습니다. 그래서 여기에 내가 풀려고하는 문제가 있습니다. 다음 네 개의 예제 테이블을 데이터베이스에 저장하고 값을 동적으로 액세스하려고합니다. 드롭 다운 2 드롭 다운 4 I가 다음과 같이 제 드롭에 대한 값을 검색 2 및 3

| ID | name | percent |  | ID | name | languageValue | 100 | 75 | 501 | 
| --- | ------ | ------- |  | --- | ------- | ------------- | --- | --- | --- | 
| 1 | 100% | 100  |  | 1 | English | english  | y | y | n | 
| 3 | 75% | 75  |  | 2 | German | german  | y | n | n | 
| 2 | 50% 1 | 501  |  | 3 | French | french  | n | n | y | 
Table 1 (Dropdown 1)   Table 2 (Dropdown 2) 

| ID | CoreSubjectName | CoreSubjectValue | | ID | MinorSubjectName | MinorSubjectValue | 
| --- | --------------- | ---------------- | | --- | ---------------- | ----------------- | 
| 1 | Maths   | maths   | | 1 | English   | english   | 
| 2 | Politics  | politics   | | 2 | Politics   | politics   | 
| 3 | Chemics   | chemics   | | 3 | Chemics   | chemics   | 
Table 3 (Dropdown 3)       Table 4 (Dropdown 4) 

에 의존하고, 드롭 다운 1에 의존한다. (나는 닫는 태그를 생략한다).

<select name="percent" id ="percent" onchange="getPercent(this.value);"> 
    <option value="">Choose Percent</option> 
<?php 
    $PercentPost = $_POST["percent"]; 
    $PercentQuery = "SELECT percent, name FROM percentTable"; 
    $results=mysqli_query($conn, $anteilQuery); 
    //loop 
    while ($row = mysqli_fetch_array($results)){ 
     echo '<option value="'.$row[percent].'">'.$row[name].'</option>'; 
    } 
?> 
<select name="language" id="language"> 
      <option value=""></option> 
     </select> 

그리고 두 번째 드롭 다운 작성을위한 JS-아약스 :

function getPercent(val){ 
     //ajax function 
     $.ajax({ 
      type: "POST", 
      url: "form.php", 
      data: "percent="+val, 
      success: function(data){ 
       $("#language").html(data); 
      } 
     }); 

    } 

form.php 지금까지이 코드가 포함이 잘 작동

$PercentPost = $_POST["percent"]; 
if (!empty($_POST["percent"])) { 

    $query="SELECT name, languageValue FROM table2 WHERE `$PercentPost`='y'"; 

    $results = mysqli_query($conn, $query); 

    while ($row = mysqli_fetch_array($results)){ 
     echo '<option value="'.$row[languageValue].'">'.$row[name].'</option>'; 
    } 
} 

,하지만 지금은 돈 ' 드롭 다운 4를 동적으로 채우는 방법을 알고 있습니다. 드롭 다운 4에서는 2와 3의 선택된 값을 선택할 수 없습니다. 나는 js의 아약스로 끝내야 만한다는 것을 알고 있지만, 나는 아무런 단서가 없다.

누군가 나를 도울 수 있습니까? 고맙습니다.

Answer 1

따라서 DropDown 4는 사용 중지됨 (disabled 속성) 또는 표시되지 않음 (style="display:none;")으로로드됩니다.

나는 값 0 ... 선택처럼 드롭 다운 2와 3에 기본 값을 추가하거나 것이다 -1

는 그럼 난에 대한 onchange 속성을 추가 할 것 (예를 들어, 다음 PHP 코드를 참조)

이

function loadDD4Values(){ 
    if ($('#language').val() <> 0 && $('#coreSubject').val() <> 0){ 
     //ajax function 
     $.ajax({ 
      type: "POST", 
      url: "form.php", //You can detect what to do based on params, or have a different PHP page 
      data: "language="+$('#language').val() + "&coreSubject=" + $('#coreSubject').val() , 
      success: function(data){ 
       $("#minorSubject").html(data); 
       $('#minorSubject').style.display = '';//or remove attribute disabled, also if you want you can disable/hide DropDown 2 and 3 here 
      } 
     }); 
    }else{ 
     $('#minorSubject').style.display = 'none'; //or add attribute disabled 
    } 

    //Also here you can decide what to do if the user modify DropDown 2 or 3 for example, reset the DropDown 4 values, or just the selected one: 
    $('#minorSubject').selectedValue = 0; 
} 

이 그런 다음 PHP가 될 수있다 : 드롭 2, 3, 그들은 모두 같은 JS 함수를 호출합니다

if(isset($_POST['percent'])){ 
    // Your code from the DropDown 2 
}else if (isset($_POST['language']) && isset($_POST['coreSubject'])){ 
    //You didn't had sql injection protection in your question code !!! 
    $language = mysql_real_escape_string($_POST['language']); 
    $coreSubject = mysql_real_escape_string($_POST['coreSubject']); 

    $query="SELECT ... FROM minorSubject WHERE `$language`='...' AND `$coreSubject`='...'"; 

    $results = mysqli_query($conn, $query); 

    echo '<option value="0">Select ...</option>'; // A default row 
    while ($row = mysqli_fetch_array($results)){ 
     echo '<option value="'.$row[ID].'">'.$row[...].'</option>'; //Use ID for the value, It's made for that 
    } 
} 

일부 오타가있을 것입니다, 그래서 같은 테스트되지 코드 s ..., 자신의 용도에 맞게 조정하십시오.

무료 정보를 요청하는 것을 망설이지 말라.