Wszystkie
Nieruchomo¶ci         | Sprzedam  | Kupię | Poszukuję do wynajęcia | Mam do wynajęcia | Zamienię
Motoryzacja           | Sprzedam  | Kupię | Zamienię | Czę¶ci zamienne
Sprzęt Elektroniczny  | Sprzedam  | Kupię | Zamienię
Rowery                | Sprzedam  | Kupię | Zamienię | Wspólna jazda

<?
$plik = file('ogloszenia/kategorie.csv');
$ile = count($plik);

echo '<script language="javascript">'."\n";


// zmienne odpowiadające tablicy POST
echo "var kategoria  = '".$kategoria."';\n";
echo "var podkategoria = '".$podkategoria."';\n";

// utworzenie tablicy kategorii
echo 'var kategorie = new Array();'."\n";

// utworzrzenie tablic podkategori
for($i=0;$i<$ile;$i++)
  echo 'kategorie['.$i.'] = new Array();'."\n";

// wypełnienie tablic
for($i=0;$i<$ile;$i++){
  $podkategorie = explode('|',trim($plik[$i]));
  $ilosc1 = count($podkategorie);
  for($k=0;$k<$ilosc1;$k++)
      echo 'kategorie['.$i.']['.$k.']="'.trim($podkategorie[$k]).'";'."\n";
  }
echo '</script>';
?>

<script language="javascript">

function SetKategorie(){
var KS = document.getElementById('kategoria');
for (i=0;i<kategorie.length;i++)
   KS.options[KS.length] = new Option(kategorie[i][0],kategorie[i][0]);
KS.value = kategoria;
}

function SetPodKategorie(){
var PKS = document.getElementById('podkategoria');
var wybrana = document.getElementById('kategoria').selectedIndex;
for (i=PKS.length-1;i>=0;i--) PKS.remove(i);
PKS.options[0] = new Option('Wszystkie','Wszystkie');
for (i=1;i<kategorie[wybrana].length;i++)
   PKS.options[PKS.length] = new Option(kategorie[wybrana][i],kategorie[wybrana][i]);
}

</script>

[HTML] pobierz, plaintext 
<SELECT name="kategoria" id="kategoria" style="width:150px" onChange="SetPodKategorie()"></SELECT>
<SELECT name="podkategoria" id="podkategoria" style="width:150px;"></SELECT>
[HTML] pobierz, plaintext 

<script type="text/javascript">
function ins() {
    var models = document.getElementById("model");
    var opttypes = document.getElementById("types");
    var types =
        new Array(
            new Array("typ1m1","typ2m1","typ3m1"),
            new Array("typ1m2","typ2m2","typ3m2"),
            new Array("typ1m3","typ2m3","typ3m3"),
            new Array("typ1m4","typ2m4","typ3m4")
        );
    for(var i = 0; i < types[models.selectedIndex].length; i++) {
        opttypes.options[i] = new Option(types[models.selectedIndex][i],types[models.selectedIndex][i]);
    }
}
</script>

[HTML] pobierz, plaintext 
<select name="model" id="model" onchange="ins()">
        <option value="model1">model1</option>
        <option value="model2">model2</option>
        <option value="model3">model3</option>
        <option value="model4">model4</option>
    </select><br /><br />
 
    <select name="types" id="types">
    </select>
[HTML] pobierz, plaintext