Mittels Javascript Wert in Select übergeben

Chaya93 · 31.01.2011

Hallo zusammen!

Mein Problem ist folgendes:

Ich habe ein Select in HTML, dem ich Werte hinzufügen will, die später aus einer Datenbank gelesen werden sollen.
Diesbezüglich habe ich auf selfhtml folgenden Code gefunden:

HTML:

<html>
<head>
<title>Test</title>
<script type="text/javascript">
function Hinzufuegen () {
  NeuerEintrag = new Option(document.Testform.neu.value, 

document.Testform.neu.value, false, true);
  document.Testform.Auswahl.options

[document.Testform.Auswahl.length] = NeuerEintrag;
  document.Testform.neu.value = "";
}
</script>
</head><body>
<form name="Testform" action="">
<select name="Auswahl" size="8">
<option>Ein Eintrag</option>
</select>
<br>
<input type="text" name="neu">
<input type="button" value="Hinzu" onclick="Hinzufuegen()">
</form>
</body></html>

Das Problem ist hier allerdings, dass der Wert aus einem Eingabefeld übergeben wird. (Bei über 800 Datenbankwerten wird das Eingeben allerdings zu umständlich).
Deswegen will ich einen Art "Baum" gestalten, bei dem die Werte nach bestimmten Kriterien unterteilt werden.
Diese Werte wären dann als reiner Text vorhanden, eventuell noch als Link.

Könnt ihr mir jetzt vielleicht einen kleinen Denkanstoß geben, wie ich das obige Beispiel sinnvoll umwandeln kann? Denn mit Javascript hatte ich bisher eigentlich noch nicht sehr viel am Hut.

Merci & Grüße
Chaya

Robbyn- · 31.01.2011

AW: Mittels Javascript Wert in Select übergeben

Also damit ich das richtig verstehe.

Du willst aus bestimmten werten in der Datenbank eine select Box machen. Die options sind die werte aus der Datenbank?
Falls dies gemeint ist kannst du das wie folgt machen.

PHP:

<html>
<head>
<title>Test</title>
</head><body>
<form name="Testform" action="">
<select name="Auswahl" size="8">
<?php
$liste = mysql_query("SELECT name FROM liste");

while($l = mysql_fetch_array($liste))
{
  echo "<option>".$l['name']."</option>";
}
?>
</select>
<br>
<input type="text" name="neu">
<input type="button" value="Hinzu" onclick="Hinzufuegen()">
</form>
</body></html>

Das wäre die Lösung mit PHP. Da du ja nicht genau sagtest wie du es lösen willst ausser nicht mit javascript.

MfG.Robbyn

Zampano_ · 31.01.2011

AW: Mittels Javascript Wert in Select übergeben

Wie sind denn die Werte in der DB strukturiert? Gibt es Kategorien, Unterkategorien etc, oder wie stellst du dir den Baum vor?

Chaya93 · 31.01.2011

AW: Mittels Javascript Wert in Select übergeben

@Robbyn:
erst einmal vielen Dank für deine Lösung

ich habe das ganze vielleicht etwas unglücklich formuliert... im Grunde wäre Javascript schon die optimale Lösung, nur habe ich diesbezüglich noch keine Kentnisse

Aber ich werde mir das mit PHP auch einmal anschauen. Ein Kollege meinte zwar, dass es mit JS gemacht werden muss, aber vielleicht kann ich ihn ja auch noch von PHP überzeugen

@Zamano_:
Also in der DB ist im Grunde 1 wichtige Tabelle vorhanden.
Da ich die Kategorien einmal nach Land und unter den Ländern noch in zwei weitere Bereiche unterteilen will gibt es eine Länderkennung (z.B. DE oder AT) und eine weitere Spalte mit dem Bereich (A oder B).
Das ganze soll dann so aussehen:

Land
- Bereich A
-- Wert 1
-- Wert 2
-- ...
- Bereich B
-- Wert 1
-- Wert 2
-- Wert 3
-- ...
Ich hoffe ich habe mich hier einigermaßen verständlich ausgedrückt

Robbyn- · 31.01.2011

AW: Mittels Javascript Wert in Select übergeben

Ja ok kann ja sein das der Webspace kein PHP erkennt, was aber die Frage aufwürft wieso er dann eine Datenbank hat?
Naja egal. Aufjedenfall kannst du dies eigentlich fast kaum ohne einen externen Zugriff mittel PHP lösen, jedenfalls würde mir keiner einfallen.

MfG.Robbyn

saila · 31.01.2011

AW: Mittels Javascript Wert in Select übergeben

Hi,

du kannst neue Optionen für einen Select-tag mit JS oder mit PHP oder sogar beidem erweitern. Die Frage ist nur, wie das ganze im Hintergrund gehändelt wird. Sprich - jede Ergänzung mit JS muss per ajax in der DB per Update auch hinzugefügt werden. Sonst nützt es wenig beim nächsten Aufruf.

Während du mit PHP im Grunde in input-type "text" hast, um darin wiederum die Erweiterung vorzunehmen.

Beide Erweiterungen werden per POST abgesetzt. Umfangreicher ist es mit JS, wobei man im Grunde zuerst PHP umsetzt und danach erweitert mit JS. Hintergund ist eben immer noch die Möglichkeit, JS im Browser zu deaktiveren. Und eine API sollte auch ohne JS laufen.