Hallo zusammen,
folgendes Problem habe ich beim dynamischen erzeugen von Dropdown's.
Ziel ist es, nach der Auswahl im ersten Dropdown, automatisch das nächste Dropdown mit den relevanten Daten zu füllen. Nach erfolgtem Ausfüllen des Forms, werden die Daten in der DB gespeichert.
Hier das Form:
Hier das JS dazu, steht ganz am Ende der Datei des Forms
Zur Vollständigkeit hier noch das Skript, das den Parameter erhalten soll
Die rubriken.php funktioniert. Wenn ich im Query einen der drei Bereiche vorgebe (Hardware, Software oder Netzwerk) kommen die Daten auch im Form an. Also, hängt es nur daran, den Parameter in die rubriken.php zu bekommen.
Kann mir jemand weiterhelfen ???
Danke ! ! ! !
folgendes Problem habe ich beim dynamischen erzeugen von Dropdown's.
Ziel ist es, nach der Auswahl im ersten Dropdown, automatisch das nächste Dropdown mit den relevanten Daten zu füllen. Nach erfolgtem Ausfüllen des Forms, werden die Daten in der DB gespeichert.
Hier das Form:
PHP-Code:
echo "<h1>Eintrag in Datenbank hinzufügen:</h1><br /><br />";
echo "<form action='index.php?ziel=eintragen' method='post'>";
echo "<table id='eintragen'>";
echo "<tr>";
echo "<td>Bereich:</td>";
echo "<td class='leerspalte'></td>";
echo "<td><!--label for='bereich'></label--><select name='bereich' id='bereich'><option>-</option>
<option>Hardware</option>
<option>Software</option>
<option>Netzwerk</option></select></td>";
echo "</tr>";
echo "<tr class='leerzeile'><td></td></tr>";
echo "<tr>";
echo "<td>Kapitel:</td>";
echo "<td class='leerspalte'></td>";
echo "<td><!--label for='kapitel'></label--><select name='kapitel' id='kapitel'></select></td>";
echo "</tr>";
echo "<tr class='leerzeile'><td></td></tr>";
echo "<tr>";
............. (es folgen noch ein paar Felder, die aber hierfür irrelevant sind)
Hier das JS dazu, steht ganz am Ende der Datei des Forms
Code:
<script type="text/javascript" src="/js/jQuery.js"></script> <script type="text/javascript" charset="utf-8"> $(function(typ){ $("select#bereich").change(function(){ $.getJSON("/js/rubriken.php",{id: $(this).val(), ajax: 'true'}, function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option>' + j[i].optionDisplay + '</option>'; } $("select#kapitel").html(options); }) }) }) </script>
PHP-Code:
<?php
require_once("../functions/db_connection.php");
$query = "SET CHARACTER SET utf8";
$result = mysql_query($query);
if (!$result)
{
die ('Ungültige Abfrage: ' . mysql_error());
}
$query = "SELECT DISTINCT kapitel FROM rubriken WHERE bereich = '".$_GET['id']."'";
$result = mysql_query($query);
if (!$result)
{
die ('Ungültige Abfrage: ' . mysql_error());
}
$bla = true;
$var = "[{optionDisplay: '-'}, ";
while ($row = mysql_fetch_assoc($result))
{
if ($bla) $bla = false;
else $var = $var . ", ";
$var = $var . "{optionDisplay: '".$row['kapitel']."'}";
}
$var = $var . "]";
echo <<<HERE_DOC
$var
HERE_DOC;
?>
Kann mir jemand weiterhelfen ???
Danke ! ! ! !
Kommentar