4級相互依賴的選擇列表ajax jquery json和mysql

Question

我已經得到它的工作到第三個選擇列表。但有4個。

國家，來源，目標和主題。

我能夠選擇到目標選擇列表好，但我不能讓它到最後一個主題。這是因爲我不知道如何完成那個缺失的代碼。

這裏是腳本，下面將進一步處理。因此，它是一個需要相應地移動到它旁邊的左側的「主題」，選擇列表：

jQuery(document).ready(function() { 
    jQuery("#sel_pais").change(function() { 
     // 
     var datatosend = 'pais_id=' + jQuery(this).val(); 
     jQuery.ajax({ 
      type:'GET', 
      url:'includes/getchilds2.php', 
      data:datatosend, 
      dataType:"json", 
      success:function (data) { 
       jQuery('#sel_source').find('option').remove().end(); 
       jQuery('#sel_target').find('option').remove().end(); 
       jQuery.each(data, function (index, val) { 
        var newopt = '<option value="' + val.key + '">' + val.title + '</option>'; 
        jQuery('#sel_source').append(newopt); 
       }); 
       jQuery('#sel_target').append('<option value="-1">Select</option>'); 

      } 

     }); 
    }); 
    ////////////////////// 
    jQuery("#sel_source").change(function() { 
     // 
     var datatosend = 'id_from=' + jQuery(this).val(); 
     jQuery.ajax({ 
      type:'GET', 
      url:'includes/getchilds2.php', 
      data:datatosend, 
      dataType:"json", 
      success:function (data) { 
       jQuery('#sel_target').find('option').remove().end(); 
       jQuery.each(data, function (index, val) { 
        var newopt = '<option value="' + val.key + '">' + val.title + '</option>'; 
        jQuery('#sel_target').append(newopt); 
       }); 
      } 

     }); 
    }); 


}); 

這裏是處理一個：

<?php 
$con = mysql_connect("localhost", "root", ""); 
if (!$con) { 
    die('Could not connect: ' . mysql_error()); 
} 

mysql_select_db("traducteurs", $con); 
// 
if (isset($_GET['pais_id'])) { 
    $curid = $_GET['pais_id']; 
    // 
    $result = mysql_query("SELECT * FROM tabla_from where pais_id=" . $curid); 
    if (mysql_num_rows($result) > 0) { 
     $op = '['; 
     $op .= '{"title":"Select","key":"-1"},'; 
     while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
      $op .= '{'; 
      $op .= '"title":"' . $row['from_name'] . '", "key":"' . $row['id_from'] . '"'; 
      $op .= '},'; 
     } 
     $op = substr($op, 0, -1); 
     $op .= ']'; 
     echo $op; 
    } 
    else { 
     echo '[{"title":"Select","key":"-1"}]'; 
    } 
} 
///////////////////// 
if (isset($_GET['id_from'])) { 
    $curid = $_GET['id_from']; 
    // 
    $result = mysql_query("SELECT * FROM tabla_into where id_from=" . $curid); 
    if (mysql_num_rows($result) > 0) { 
     $op = '['; 
     $op .= '{"title":"Select","key":"-1"},'; 
     while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) { 
      $op .= '{'; 
      $op .= '"title":"' . $row['into_language'] . '", "key":"' . $row['id_into'] . '"'; 
      $op .= '},'; 
     } 
     $op = substr($op, 0, -1); 
     $op .= ']'; 
     echo $op; 
    } 
    else { 
     echo '[{"title":"Select","key":"-1"}]'; 
    } 
} 
?> 

Answer 1

我使用此代碼顯示相互依賴列表

<select id="sel_pais" name="sel_pais"> 
<option value="pais_id">values goes here</option> 
</select> 

<select id="sel_source" name="sel_source"> 
<option value="">Select</option> 
</select> 

<select id="sel_target" name="sel_target"> 
<option value="">select</option> 
</select> 

<select id="sel_subject" name="sel_subject"> 
<option value="">select</option> 
</select> 
//jquery code for source list 
$('#sel_pais').change(function() { 
    if ($(this).val()!='') { 
    $("#sel_source").load("include/getchild2.php",{pais_id: $(this).val()}); 
    } 
}); 
//code on change of sel_source 
$('#sel_source').change(function() { 
    if ($(this).val()!='') { 
    $("#sel_target").load("include/getchild2.php",{id_from: $(this).val()}); 
    } 
}); 

$('#sel_target').change(function() { 
    if ($(this).val()!='') { 
    $("#sel_subject").load("include/getchild2.php",{id_target: $(this).val()}); 
    } 
}); 

php示例代碼，您可以更改..重複下面的代碼爲他人。

if(isset($_REQUEST['pais_id']) && !empty($_REQUEST['pais_id'])) { 
    $result = mysql_query("select * from table where id='".$_REQUEST['pais_id']."' ")); 
    if(mysql_num_rows($result) > 0) { 
     echo '<option value="">Select</option>'; 
     while($row = mysql_fetch_assoc($result)) {    
       echo '<option value="'.$row['id'].'">'.$row['name'].'</option>'; 
     } 
    } else { 
     echo '<option value="">Select</option>'; 
    } 
} 

希望這能幫到你。