Связанные списки Ajax
-
Доброго дня
Имею проблему с реализацией связанных списков (второй список должен измениться моментально, в зависимости от выбранного<option>
в первом). Списки формируются на основе двух таблиц из БД. Первый список формируется без проблем следующим образом:<select class="selectpicker show-tick form-control" data-header="Выберите тип населенного пункта" name="heat_area_type" id="heatAreaType"> <?php $area_types = $wpdb -> get_results("SELECT * FROM {$table_prefix}ic_area_type"); foreach ($area_types as $area_type) { echo '<option value="'.$area_type -> area_type_id.'">'.$area_type -> area_type_name.'</option>'."\n"; } ?> </select>
А вот второй список, который должен формироваться в зависимости от выбранного
<option>
в первом, не формируется. Вот код для формирования второго списка:$("#heatAreaType").change(function(){ var heatAreaType = $(this).val(); $.ajax({ type: 'POST', url: 'http://localhost/wp-content/themes/infrcost/city.php', data: 'area_type_id='+heatAreaType, success: function(data) { //alert(heatAreaType); $('#heat_area').html(data); } }); });
Это файл
city.php
:<?php global $wpdb; $area_type= $_POST['area_type_id']; $areas = $wpdb -> get_results("SELECT area_id,area_name FROM dima_ic_area WHERE area_type_id = $area_type"); foreach ($areas as $area) { echo '<option value="'.$area -> area_id.'">'.$area -> area_name.'</option>'."\n"; } ?>
При изменении
<option>
в первом списке ничего не происходит. Помогите, пожалуйста, всё перепробовал, может кто-то сможет понять — где моя ошибка ?
Заранее спасибо
Просмотр 9 ответов — с 1 по 9 (всего 9)
Просмотр 9 ответов — с 1 по 9 (всего 9)
- Тема «Связанные списки Ajax» закрыта для новых ответов.