Блог

Я хочу создать форму с выпадающим списком, который изменяет свое значение на основе входного значения в форме. Вот что я пытался, но выпадающий список по-прежнему пуст.

Моя форма

     <form action="../action/subs/custompcorder.php/" method="post">

      <div> <input id="rating" name="rating" onchange="loadComputers()"/> </div>

        <select name="computer" id="computer"></select> 
</div> 

</form>

    <script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript">  </script>
    <script src="./action/scripts/global.js" type="text/javascript"></script>
 

страница запроса pcdrop2.php

 <?php
include './action/db/connect6.php';

    $rating = $_POST['rating'];   
    $myData=mysql_query("SELECT * FROM Product WHERE product.rate='$rating';");
    while($record=mysql_fetch_array($myData)){    
      echo '<option value="'.$record['product_id'].'">'.$record['product'].'</option>';    
}

?>
 

функция js для извлечения данных из базы
данных global.js

     function loadComputers() {
    $val = $('#rating').html();
    $.post('action/subs/pcdrop2.php', {
    rating: $val
    }, function (data) {
    $('#computer').html(data);
});
}
 

Я думаю, что эта строка кода:

 $val = $('#rating').html();
 

На самом деле должно быть:

 $val = $('#rating').val();