空查詢結果 - 優文庫

在Web窗體中有兩個下拉列表。第二個列表項應根據第一個下拉列表中選定的值動態更改。空查詢結果

這就是爲什麼我試圖做到這一點：

的index.php：

...

<script> 
function getClient(val) { 

    $.ajax({ 
    type: "POST", 
    url: "get_contacts.php", 
    data:'client_id='+val, 
    success: function(data){ 
     $("#contacts-list").html(data); 
    } 
    }); 
} 
</script>

...

<div class="form-group"> 
     <label for="mto_client" class="col-sm-2 control-label">MTO Client</label> 
     <div class="col-sm-10"> 
    <select name="mto_client" id="clients_list" onChange="getClient(this.value)"> 
    <option value="">Select a Client</option> 
      <?php 
do { 
?> 
      <option value="<?php echo $row_RSClients['id_client']?>" ><?php echo $row_RSClients['client_name']?></option> 
      <?php 
} while ($row_RSClients = mysql_fetch_assoc($RSClients)); 
?> 
      </select> 
     </div> 
     </div> 

     <div class="form-group"> 
     <label for="mto_client_contact" class="col-sm-2 control-label">MTO Client Contact</label> 
     <div class="col-sm-10"> 

        <select name="state" id="contacts-list"> 
      <option value="">Select Client Contact</option> 
      </select> 


     </div> 
     </div>

get_contacts .php

<?php 
require_once("dbcontroller.php"); 
$db_handle = new DBController(); 

if(!empty($_POST["client_id"])) { 
    $query ="SELECT * FROM tb_client_contacts WHERE contact_client_id = '" . $_POST["client_id"] . "'"; 
    $results = $db_handle->runQuery($query); 
?> 
    <option value="">Select Client Contact</option> 
<?php 
    foreach($results as $state) { 
?> 
    <option value="<?php echo $state["id_client_contact"]; ?>"><?php echo $state["contact_name"]; ?></option> 
<?php 
    } 
} 
?>

表tb_clients_contact上有滿足條件的對象，但第二個下拉列表不顯示任何對象。

任何幫助，歡迎。

來源

2015-11-02 mvasco

首先看看SQL注入。這是一個你有id_client_contact和contact_client_id的錯字嗎？ – JRD

感謝@JRD，沒有這兩個字段，id_client_contact是來自tb_client_contacts的主索引字段，contact_client_id是來自tb_client_contacts的另一個字段，其中tb_client_contacts存儲來自聯繫人的客戶端。 – mvasco

檢查錯誤報告（以及您的查詢）的錯誤並查看您的控制檯。 –

而不是

$("#contacts-list").html(data);

應該

$('#contacts-list').empty().append(data);

empty()將清除第一contacts-list選擇字段中的選項，然後append()將插入您的AJAX的結果的選項。

您還可以查看控制檯日誌以查找錯誤。如果您使用的是谷歌瀏覽器，請點擊F12以顯示控制檯日誌。

來源

2015-11-03 00:34:36

謝謝，它工作....很好 – mvasco

回答

相關問題