Norbert: Verkettete Auswahllisten

Beitrag lesen

möchte eine auswahl  machen wie im folgenden Beispiel jedoch
möchte ich die Daten aus meiner SQL Datenbank, könnt Ihr mir sagen wie ich dies tue, hab es mit folgendem Code Versucht jedoch ohne erfolg.

http://aktuell.de.selfhtml.org/artikel/javascript/verkettete-auswahllisten/

Wie passe ich das "terminAuswahl.js" an?

<?php

start.php

//Einstellungen (localhost von mySql, Benutzername, Passwort,
    //               Datanbank, Tabelle(n) in der Datenbank)
$host = "localhost";
$user = "root";
$pw = "pass";
$database = "work";
$table = "bundesland";
$table1 = "schule";
    //Verbindung mit mysql herstellen; das "@"-Zeichen dient dabei zur Fehlerausgabeunterdrueckung bei mySql-Fehlern
    //mit dem "die"-Befehl wird im Fehlerfalle eine eigene Fehlermeldung ausgegeben
$db=@mysql_connect("$host","$user","$pw") or die("Konnte keine Verbindung mit dem Datenbankserver aufbauen");
    //eine bestimme Datenbank "aktivieren" (auswaehlen)
@mysql_select_db("$database",$db);
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Beispiel 1</title>

<script type="text/javascript" src="terminAuswahl.js"></script>
<script type="text/javascript" src="LinkedSelection.js"></script>
<script type="text/javascript">

/**
 * Diese Callback-Funktion soll beim Abschliessen der Auswahlstrecke und beim
 * ndern der Auswahl in einer der Auswahllisten aufgerufen werden.
 * @param selected ein Array mit den Daten der jeweiligen Auswahllisten
 *                 (leer, wenn Strecke nicht abgeschlossen)
 **/
function ergebnisZeigen( selected )
{
 if( selected.length )
 {
  /*
   * Auswahlstrecke wurde beendet
   */

// Visualisierung der Auswahlstrecke
  var sel = '';
  var val = '';
  var txt = '';
  for( var i = 0; i < selected.length; i++ )
  {
   sel += ( i>0 ? ' &rarr; ' : '') + selected[i].id;
   val += ( i>0 ? ' &rarr; ' : '') + selected[i].value;
   txt += ( i>0 ? ' &rarr; ' : '') + selected[i].text;
  }
  var output = '<h3>Gew&auml;hlte Strecke:<'+'/h3><h4>IDs der Auswahllisten<'+'/h4><p>' + sel +
   '<'+'/p><h4>Werte der gew&auml;hlten Optionen<'+'/h4><p>' + val +
   '<'+'/p><h4>Texte (Namen) der gew&auml;hlten Optionen<'+'/h4><p>' + txt + '<'+'/p>';
 }
 else
 {
  /*
   * Auswahlstrecke wurde noch nicht beendet
   */

// Hinweis zur Auswahl in der nächsten Auswahlliste
  var output = '<p>W&auml;hlen Sie eine Option aus der n&auml;chsten Auswahlliste.<'+'/p>';
 }
 var ergebnisObj = document.
 ElementById( 'ergebnis' ).innerHTML = output;
};

window.onload = function()
{
 var vk = new LinkedSelection( [ 'bundesland', 'schule', 'ha' ], ergebnisZeigen, terminAuswahl );
}

</script>

</head>
<body>

<h1>Beispiel 1</h1>

<p>Bitte w&auml;hlen Sie in der folgenden Auswahlliste einen Professor</p>

<p>
<label id="Bundeslandlable" for="bundesland">Bundesland:</label>
              <select name="bundesland">
              <?php
              $i=0;
              $result=@mysql_query("SELECT id,bundesland FROM $table") or die ("Fehler bei Suchabfrage");
              while($row = mysql_fetch_array($result))
             {
             $i++;
             echo "<option value=$i> &#160;$row[bundesland]\n &#160;";
             }
            ?>
            </select>

<label id="lesungLabel" for="lesung">Lesung:</label>
<select id="lesung">
  <option value="--">------</option>
</select>

<label id="lesungTermin" for="termin">Termin:</label>
<select id="termin">
  <option value="--">------</option>
</select>
</p>

<div id="ergebnis"></div>

</body>
</html>

vielen Dank
Norbert