Я использую jQuery и пытаюсь заполнить зависимое раскрывающееся поле следующим образом:
HTML КОД
// filling the parent dropdown
<select id="modelType">
<option value="">Select Modeltype</option>
// here is a DB loop which works and fills the option fields
<option value="VALUE">CONTENT</option>
//loop end
</select>
// here is the dependant dropdown that shall be populated depending on modelType
<select id="modelSize">
</select>
JAVASCRIPT
$(document).ready(function(){
$(\'#modelType\').on(\'change\', function(){
var modelTypeID = $(this).val();
if(modelTypeID){
$.ajax({
type:\'POST\',
url:\'ajaxData.php\',
data:\'modelTypeID=\'+modelTypeID,
success:function(html){
$(\'#modelSize\').html(html);
}
});
}else{
$(\'#modelSize\').html(\'<option value="">Select Modeltype first</option>\');
}
});
PHP (AJAX ПОГРУЗЧИК)
if(!empty($_POST["modelTypeID"])){
// Load from DB the depending sizes
...
// Generate HTML of modelSize options list
foreach ($result as $row) {
echo '<option value="'.$row['cmdbModelSizeID'].'">'.$row['cmdbModelSize'].'</option>';
}
}
Я пропустил запросы к БД, когда попробовал их (скопировал из кода 1: 1), и они доставили необходимые данные, поэтому я предположим, что они также будут работать в коде.
Когда я запускаю код, я вижу выпадающие списки, и когда я выбираю тип модели, второй выпадающий список реагирует и изменяется - но нет содержимого, просто пустое падение вниз по полю. Javaconsole не выдавал ошибку, поэтому он, похоже, находит jQuery -File.
Есть идеи, где может находиться моя ошибка? Спасибо!