[JavaScript] DropDown Dynamisch

master2005 · 26. Oktober 2011

DropDown Dynamisch

Hallo zusammen... habe folgendes Problem,

und zwar möchte ich gerne in einem Formular eine Kategorie auswählen die aus der DB abgerufen werden. Wenn man dieses ausgewählt hat, soll man darunter direkt die unterkategorie auswählen können. Nur leider weiß ich nicht, wie ich die ID von der überkat direkt mit JS in die Dbafrage für die unterkat hineinkriege.

PHP:

 
<td>Kategorie<font color="red">*</td>
                 <td>
                 <select name="kat">
                 <option value="">Auswählen</option>
                <?php
                 while( $kat  =  mysql_fetch_object ( $ergebnis_kat ))
                {
                 ?><option value="<?php  echo  $kat -> id ; ?>"><?php  echo  $kat -> name ; ?></option><?php
                 }
                 ?>
                 </select>
                 </td>
         </tr>
         <tr>
                 <td>Unterkategorie<font color="red">*</td>
                 <td>
                 <select name="unterkat">
                 <option value="">Auswählen</option>
                <?php
                $sql  =  mysql_query ( "SELECT * FROM unterkat WHERE uberkat = 'ID von der kat oben hinein'" );
                while( $kat  =  mysql_fetch_object ( $sql ))
                {
                 ?><option value="<?php  echo  $kat -> id ; ?>"><?php  echo  $kat -> name ; ?></option><?php
                 }
                 ?>
                 </select>

Anzeige

Tiffany Dicks · 26. Oktober 2011

AW: DropDown Dynamisch

1.) Ajax
2.) Nach dem auswählen der Kategorie (onselect) einen Seiten Reload durchführen und auf die Kategorie linken.

Also

onclick -> window.location = '?category=1';

oder so ^^

onip · 26. Oktober 2011

AW: DropDown Dynamisch

schau dir mal frameworks an wie mooTools (mein favorite) oder jQuery.
ungetestet

HTML:

function sendAjax (sendValue){
 var myRequest = new Request({
 method: 'post',
 url: 'ajax_test.php',
 onSuccess: function (txt,xml){
 alert (txt);
 },
 onFailure: function (txt){
 alert (txt);
 }
 }).send({
 data: {
 'id' : sendValue
 }
 });
}

$('kat').addEvent('change', function (){
 alert(this.value);
 sendAjax (this.value);
});

dein php (ajax_test.php)

PHP:

    echo  $_POST [ 'id' ];

Nützliche Suchen

[JavaScript] DropDown Dynamisch

Videos zum Themenbereich