PHP/JQUERY Selectbox clained

Question

У меня есть сценарий, который работает с первым selectbox, и должен сделать второй selectbox заполненным дальше, хотя это почему-то не происходит по какой-то причине.

У меня нет подсказки, почему он не помещает 2-й выбор вправо. Я знаю, что оба ящика работают, так как работает 1-й ящик, хотя, когда вы выбираете номер 2-й ящик пуст

Может ли кто-нибудь помочь мне?

JQuery/CSS

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.country').change(function() { 
     var id = $(this).val(); 
     var dataString = 'id=' + id; 

     $.ajax({ 
      type: 'post', 
      url: 'box2.php', 
      data: dataString, 
      cache: false, 
      success: function(html) { 
       $('.city').html(html); 
      } 
     }); 
     }); 
    }); 
</script> 

<style> 
    label { 
     font-weight: bold; 
     padding: 10px; 
    } 
</style> 

HTML

<label>Klantvraag:</label> 
<select name="country" class="country"> 
    <option selected="selected">Kies uit lijst</option> 
<?php 
    include 'config/instellingen.php'; 

    $query = 'SELECT DISTINCT Klantvraag FROM `DWA` WHERE `Status DWA` = \'DBAA\' AND `Kenmerk` <> \'\''; 

    if ($result = mysqli_query($connect, $query)) { 
     while ($get = mysqli_fetch_assoc($result)) { 
     echo '<option value="' . $get['Klantvraag'] . '">' . $get['Klantvraag'] . '</option>'; 
     } 
    } 
?> 
</select> <br/><br/> 
<label>Contract nr.:</label> 
<select name="city" class="city"> 
    <option selected="selected">Kies uit lijst</option> 
</select> 

PHP

<?php 
    if ($_POST['id']) { 
     $id = $_POST['id']; 

     include 'config/instellingen.php'; 

     $query = 'SELECT `Contract nr.` FROM `DWA` WHERE `Klantvraag` = \'1258819\''; 

     if ($result = mysqli_query($connect, $query)) { 
     while ($get = mysqli_fetch_assoc($result)) { 
      echo '<option value="' . $get['Contract nr.'] . '">' . $get['Contract nr.'] . '</option>'; 
     } 
     } 
    } 
//^missing bracket right here 
?> 

Answer 1

Ваша последняя if конструкция пропускает свой конечный кронштейн }.

Answer 2

You Селектор использует имя класса country, который соответствует только вашей первой коробке.

$(".country").change(function() 

отрегулируйте селектор или имя класса или поместите другой селектор для второго блока выбора.