Jquery, AJAX Drop Down - Проблем

[benjikt]

Ето първо кода: [js]<select id="categories" name='category'>
<?php
while ($row = mysql_fetch_array($query)){
?>
<option value="<?php echo $row['id']; ?>"><?php echo $row['category']; ?></option>

<?php
}
?>
</select>
<script type="text/javascript">
$(document).ready(function() {
$('#categories').change(function() {
$.ajax({

data: {
val1:$('#categories').val()
},
url: 'ajax.php',
success: function(data){
$('#result').html(data);
}
})
})
})
</script>
<div id="result"></div>[/js]
ajax.php Файла:

<?php 
include "config.php";
$name = $_GET['val1'];
$query = mysql_query("SELECT * FROM category WHERE parent_id='$name'");
?>
<select id="subcategory">
<?php
while ($row = mysql_fetch_array($query)){
?>
 
        <option value="<?php echo $row['id']; ?>"><?php echo $row['category']; ?></option>
 
<?php
}
?>
</select>

Та въпроса ми е следния това което се получава от този код(ако може така да се нарече) е това http://demos.99points.info/dynamic_dropdown/
а аз искам да може да се показват повече селекта от 1, например потребителя е избрал Категория "Авто", показва се селект с подкатегории например "Коли, мотори, части и т.н", потребителя избира "Коли" трябва да се покаже още един селект с марки на коли и т.н.
Накратко да излизат толкова селекта, колко са навързани със самата категория или подкатегория.

Опитах да направя втори ajax, с втори JS код, като применя просто това което трябва да change ама не става нищо.

Дано да сте ме разбрали.
Благодаря предварително.

 

[Hous]

Ами така като гледам в jquery трябва да се добавят няколко div-а като условие , в html също, и отделно във ajax защото е направен да показва само 1.

[js]
<script type="text/javascript">
$(document).ready(function() {
$('#categories').change(function() {
$.ajax({

data: {
val1:$('#categories').val()
},
url: 'ajax.php',
success: function(data){
$('#result').html(data);
}
});
});
$('#subcategories').change(function(){
$.ajax({

data: {
val1:$('#subcategories').val()
},
url: 'ajax.php',
success: function(data){
$('#subresult').html(data);
}
});
});
});
</script>
<div id="result"></div>
<div id="subresult"></div>[/js]
Добавих второ условие,след като си променил #categories (избрал си 1ва категория) да проверява и за #subcategories , като трябва д добавиш и 2ри <select> със това id (subcategories) те ще се покажат в div id="subresult"

Това е логиката в jquery, сега остана да оправиш php кодът, помъчи се сам,а ако не стане тогава ще помогна/ем.