Фильтрация выпадающего форма с jquery.ajax

Question

У меня есть два выпадающие при получении значения из базы данных:

Table_Buildings

|id|---|building_name|

Table_Floors

|id|---|Floor_name|---|building(Foreign key to table_Buildings)|

и в моей форме

Dropdown: здание)

$db->setQuery("SELECT buildings.building_name, floors.id 
       FROM buildings 
       INNER JOIN floors 
       ON buildings.id=floors.id" 

Dropdown: этаж)

$db->setQuery("SELECT floor_name, id FROM floors"); 

Для фильтрации моего раскрывающегося списка Я хочу использовать этот скрипт:

<script type="text/javascript"> 
var xhr; 
jQuery(function($) { 
    $('#filter_building').change(function(){ 
     var filterBuilding = $('#filter_building').val(); 
     if (xhr && xhr.abort) { 
      xhr.abort();xhr=false; 
      } 
     xhr = jQuery.ajax({ 
      url: 'index.php', 
      data: 'option=com_mycomponent', 
      success: function(data){ 
       jQuery('#filter_building').replaceWith(data); 
      } 
     }); 
    }); 
}); 
</script> 

Но где-то не так, и это не работает.

Answer 1

$('#filter_building').change(function(){ 

    var buildingId = $(this).val(); 

    $.ajax({ 
     url: "index.php", 
     type: "post", 
     data: {buildingId: buildingId}, 
     success: function(data) { 
      $('select#floor-id').html(data); 
      // data = '<option>val1</option><option>val2</option>' 
     } 
    }); 
}): 

Answer 2

У меня есть образец JQuery и функции в index.php Jquery и Ajax

$('#filter_building').change(function(){ 
var buildingId = $('#filter_building').val(); 
$.ajax({ 
    url: "index.php", 
    type: "post", 
    data: {buildingId: buildingId}, 
    success: function(data) { 
     if(data != "false") 
    { 
     $('#Floor').html(data); 
    } 
    else{ 
    alert("No value");} 
    } 
}); 
}); 

И В index.php странице

$buildingId = JRequest::getVar('buildingId'); 
$db->setQuery("SELECT floor_name, id FROM floors WHERE filter_building='".$_GET['filter_building']."'"); 
$db->query(); 
$num_rows = $db->getNumRows(); 
if($num_rows>0){ 
while($nt = $db->loadAssoc()){ 
echo "<option value=$nt['id']>$nt['floor_name']</option>"; 
} 
} 
else 
{ 
echo "false"; 
}