Поиск по выбранной категории

Question

На этой странице ps_search.php есть раскрывающееся меню для категорий, таких как ноутбук, сумки и т. Д. ... и выпадающий список для города. если пользователь хочет опубликовать объявление, он хочет продать что-то на веб-сайте, в первую очередь категория выбирается как ноутбук, сумка или что-то еще. а затем город выбирается, откуда размещается объявление. если, например, пользователь отправляет объявление с ноутбука из города1, и у нас больше нет рекламы ноутбуков из других городов. то после выбора ноутбука, город 1 должен появиться в выпадающем меню. У меня есть два файла ps_search.php анг get_city.php

//ps_search.php

<form name="search" method="post" action="<?php echo $base_url ?>search_rides.php?go"> 
    <table width="100%" border="0" cellpadding="4" cellspacing="0" id="tbsrch-engine"> 
     <tbody> 
     <tr> 
      <td height="61"> 
      <strong>Choose Category:</strong> 
      </td> 
      <td> 
      <select name="category_id" id="category_id" style="width: 155px;" onChange="get_city(this.value,'<?php echo $base_url ?>dropdown/get_city.php')"> 
       <option value="0">Any</option> 
       <?php $query = "SELECT category_id as id, category_name as name FROM tbl_ps_category "; 

    $result = mysql_query($query); 

?> 
       <?php while ($row = mysql_fetch_array($result)) {?> 
       <option value="<?php echo $row['id'].'-'.$row['name']; ?>"><?php echo $row['name']?></option> 
       <?php }?> 
       </select> 
      </td> 
     </tr> 
     <tr> 
<td height="40"> 
<strong>City:</strong> 
</td> 
<td> 
<div id="models"> 
<select name="city_id" id="city_id"> 
<option value="0">Any</option> 
</select> 
</div> 
</td> 
</tr> 
     <tr> 
      <td height="32"/> 
      <td> 
      <input type="submit" name="button2" id="button2" value="Search an Ad" class="fbutton"/> 
      </td> 
      </tr> 
     </tbody> 
     </table> 
    </form> 

//get_city.php

<?php 
include('../Connections/photohive.php'); 

$id = $_REQUEST['id']; 
$explode = explode('-',$id); 
$id = $explode[0]; 


$sql = "SELECT city_id FROM ".$ps_prefix."product WHERE category_id=".$id; 
$query = mysql_query($sql); 
//exit; 
?> 

<select name="city_id" id="city_id" style="width:155px;"> 
     <option value="0">Any</option> 
<?php 
while ($row = mysql_fetch_array($query)){ 
    $q1= sprintf("Select cityname from tbl_city where city_id='%s'" , mysql_real_escape_string($row['city_id']), " ORDER BY cityoreder ASC"); 
    $r1= mysql_query($q1); 
    while($row2= mysql_fetch_assoc($r1)) 
    { 
    ?> 
    <option value="<?php echo $row['city_id']?>"><?php echo $row2['cityname']?></option> 
<?php  
} 
} 

?> 
</select> 

Я включил JS файл, а

<script src="<?php echo $base_url;?>js/jquery.ajaxq-0.0.1.js" type="text/javascript"></script> 

Пожалуйста, помогите мне ....

Answer 1

Ваш javascript должен выглядеть примерно так:

(function ($) { 
    // When category select changes 
    $('#category_id').change(function() { 
     // make ajax query to get cities 
     $.get('get_city.php', {id: $(this).val()) 
     .done(function(response) { 
      // get the cities dropdown from response and insert into page 
      $('#models').html(response); 
     }); 
    }); 
})(jQuery); 

Мне лично не нравится возвращать HTML в мои вызовы ajax. Обычно я предпочитаю возвращать объект JSON, а затем анализировать HTML-клиентскую сторону (обычно используя Handlebars). Я думаю, что это чище.