Zum Inhalt springen

HTML Formular mit Einträgen aus SQL Datenbank


Empfohlene Beiträge

Hallo,

ich habe ein kleines Problem:

Ich habe mir ein HTML-Formular gebastelt, in dem unter anderem eine DropDown-Box vorkommt und ein Textfeld.

Die Daten für die DropDown-Box entnehme ich aus einer SQL-Tablle.

Die Tabelle besteht aus 4 Spalten: id, name, ort, plzintern

Bei der DropDown-Box gebe ich die id als Value mit. Angezeigt wird nur der Name und der Ort.

Wenn man einen Namen / Ort ausgewählt hat, soll die zugehörige plzintern in einem Textfeld erscheinen.

Wie kann ich das realisieren. Ich denke, ich muss auf das onChange-Ereignis der DropDown-Box zurückgreifen, ich weiß allerdings nicht so recht, wie ich da eine SQL-Abfrage mit dem entsprechenden value des gewählten Eintrages integrieren kann.

Ich bin für jede Hilfe dankbar.

MfG Christian

Link zu diesem Kommentar
Auf anderen Seiten teilen

Gerade bei PLZ würde ich Dir zu Ajax raten. Du kannst mit Ajax einen Webservice aufrufen. D.h. Du rufst in Deinem onChange einen Webservice auf, dem Du die ID übergibst, der Webservice führt nun eine Abfrage auf der Datenbank aus und liefert Dir die PLZ.

Du könntest aber das System mit der ID umgehen, in dem in der Datenbank die PLZ Tabelle speicherst und über den Webservice direkt anhand der PLZ den Ort ermittelst

HTH Phil

Link zu diesem Kommentar
Auf anderen Seiten teilen

ich würde es so machen, ob das so optimal ist, ist eine andere frage.


<?
$js_arr = '';
$select_box = '';
for($i = 1;$i < 200; $i++) {
$js_arr .= '
mein_arr['.$i.'] = new Object();
mein_arr['.$i.']["plz"] = "PLZ: '.rand(10000,70000).'";
';
$select_box .= '<option value="'.$i.'">Name '.$i.'</option>';
}
echo'
<html>
<head>
<script>
window.onload = function() {
mein_arr = new Array();
'.$js_arr.'
}
function getPlz(t) {
id = t.value;
document.getElementById("show").innerHTML = mein_arr[id]["plz"];
document.getElementById("show2").value = mein_arr[id]["plz"];
}
</script>
</head>
<body>
<select onChange="getPlz(this)">
'.$select_box.'
</select>
<br><br>
<div id="show" style="border:1px dashed black;width:100px;height50px;"></div><br>
<input type="text" id="show2"></input>
</body>
</html>
';

?>
[/PHP]

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...