динамическое обновление полей выбора с помощью php mysql jquery ajax

Я пытаюсь заполнить начальный блок выбора клиента результатами PDO MySql через PHP. Затем я хотел бы, чтобы второй блок выбора контактов обновил дополнительную информацию, связанную с тем, что было выбрано в первом поле. Я не могу заставить второй скрипт работать. Я думаю, что проблема заключается в моем сценарии ajax, потому что скрипты PHP отлично работают, когда они запускаются самостоятельно.

Основной скрипт

<html> <head> <script type="text/javascript" src="js/jquery-1.11.0.js"></script> <script type="text/javascript" src="js/jquery-ui-1.10.4.custom.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#contact").change(function(){ var cid = $("#cid").val(); $.ajax({ type:"post", url:"contact.php", data:"cid="+cid, success: function(data) { $("#contact").html(data); } }); }); }); </script> </head> <body> Campaign : <select name="customer" id="customer"> <option>-Select a Customer-</option> <?php include ("function.php"); include("connect.php"); $id = $_SESSION['profile']['id']; foreach($db->query("SELECT * FROM customers WHERE pid = '$id'") as $row) { echo "<option value=" . $row['id'] . ">" . $row['name'] . "</option>"; } ?> </select> <select name="contact" id="contact"> <option>-Select a Contact-</option> </select> </body> </html> 

Сценарий контактов

  include("connect.php"); $cid = $_POST["cid"]; foreach($db->query("SELECT * FROM contact WHERE cid = '$cid'") as $row) { echo '<option value="'.$row['id'].'">'.$row['name'].'</option>'; в  include("connect.php"); $cid = $_POST["cid"]; foreach($db->query("SELECT * FROM contact WHERE cid = '$cid'") as $row) { echo '<option value="'.$row['id'].'">'.$row['name'].'</option>'; 

Solutions Collecting From Web of "динамическое обновление полей выбора с помощью php mysql jquery ajax"