Форма подобна на cars.bg

[Msecurity]

Зьдравейте доста търсих такава форма но никъде нищо...
Трябва ми форма за търсене като на cars.bg
Избираш си марка и в слеващият селект си избираш модел и т.н

ПП: Не искам да ми я пишете, я просто някакъв пример как трябва да стане от там нататък сам ще се оправям

 

[Fakeheal]

http://web-tourist.net/forum/viewtopic.php?t=119150

 

[Styl3rbg]

Виж нещо подобно http://jsfiddle.net/Penchevweb/ycKwm/

 

[Msecurity]

Мерси колеги, това окей , но моята идея е всичко да се взима от БД :S
Някакво примерче и за това?

 

[Msecurity]

http://jsfiddle.net/Wav2C/1/
Разбрах му принципа на това, но как да стане с MySQL

 

[critrate]

<select id="products" name='typeproduct'>
    <option> </option>
$cat = mysql_query("SELECT * FROM cats") or die (mysql_error());
while ($cat2 =  mysql_fetch_array($cat)) {
?>
    <option id="<?php echo '$cat2[id]'>"><?php echo '$cat2[title]'></option>

}
</select>

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


<select id="size" name='size'>
<option> </option>
<option class="shoes">42 - за обувка</option>
<option class="shoes">43 - за обувка</option>
<option class="shoes">44 - за обувка</option>
<option class="clothes">L - за дреха</option>
<option class="clothes">M - за дреха</option>
<option class="clothes">XL - за дреха</option>
<option class="clothes">S - за дреха</option>
</select>

 

[Msecurity]

Това го разбрах мерси
Но как към този код да добавя и под под категория , например след като избереш кола-=>BMW и модел: Кола-=>BMW-=>316
[js]
$(document).ready(function() {
$("#products").change(function() {
var type = $("#products option:selected").attr('id');

if (type == 'shoes')
{
$( "." + type ).css('display', 'inline');
$( ".clothes" ).css('display', 'none');
}
else if( type == 'clothes')
{
$( "." + type ).css('display', 'inline');
$( ".shoes" ).css('display', 'none');
}
else if( type == 'car')
{
$( "." + type ).css('display', 'inline');
$( ".shoes" ).css('display', 'none');
}
else
{
$( ".car" ).css('display', 'none');
$( ".clothes" ).css('display', 'none');
$( ".shoes" ).css('display', 'none');
}
});[/js]