鏈接選擇與jQuery中的頁面加載/ onclick事件

Question

我試圖鏈接兩個選擇下拉與onclick事件，但很少成功。這是我迄今爲止設法實現的目標。

這是我到目前爲止的代碼：

form.php的

$("#dept").click(function() { 
    var dept = $("#dept").val(); 
    var dataString = 'dept=' + dept 
    $.ajax({ 
     type: "POST", 
     url: "process.php", 
     data: dataString, 
     cache: false, 
     success: function (html) { 
      $('select.moduleCode').html(); 
     } 
    }); 
}); 

Department  
<select name="dept" id="dept"> 
<option value="<?php echo $loggedin_id; ?>"> 
<?php echo $_SESSION[$thename]; ?></option> 
<option>---------------------------------</option> 
<?php 
$sql = "SELECT * FROM ts_dept WHERE id<>:id"; 
$stm = $pdo->prepare($sql); 
$stm->execute(array(':id' => $loggedin_id)); 
$rows = $stm->fetchAll(); 
foreach ($rows as $row) 
{ 
    echo '<option value="'.$row['id'].'"> 
    '.$row['dept'].' 
    </option>'; 
}; 
?> 
</select> 

<p> 

Module Code 
<select name="moduleCode" id="moduleCode"> 
<option>---------------------------------</option> 
</select> 

process.php

<?php 
require_once("../resources/php/connection.php"); 

$dept_id = $_POST["dept"]; 

$sql = "SELECT id FROM ts_module WHERE id=:id"; 
$stm = $pdo->prepare($sql); 
$stm->execute(array(':id' => $dept_id)); 
$rows = $stm->fetchAll(); 
foreach ($rows as $row) 
{ 
    echo '<option>'.$row['id'].'</option>'; 
} 
?> 

我試圖填補選項的的模塊代碼根據部門下拉列表中的選擇值進行下拉（此事件應在頁面加載時啓動。但是，儘管用戶在部門下拉列表中選擇了一個，但模塊代碼下拉列表中沒有任何內容被刷新。我需要對我的代碼進行哪些更改以排除此問題？

Answer 1

你的Ajax調用沒有做與你的php的響應任何東西，嘗試：

$.ajax({ 
    type: "POST", 
    url: "process.php", 
    data: dataString, 
    cache: false, 
    success: function (html) { 
     $('#moduleCode').html(html); 
    } 
}); 

我也會改變$("#dept").click(與$("#dept").change(所以它會爲用戶的工作沒有鼠標，所以它只能負載新數據發生變化時，不僅僅是點擊時。