✔ Drop Down, dringend Hilfe!!

F

Freak Junior

Mitglied
Hallo Leute,

ich habe 2 Drop-Down-Felder, das erste listet diverse Orte auf. Nun soll bei einer Ort Auswahl das 2 Drop-Down-Feld aus einer Mysql Datenbank gefüllt werden. Sprich man wählt den Ort xy und bekommt dazu 3-4 Einträge aus der Datenbank. Danach soll, wenn das 2 Drop-Down-Feld ausgewählt wurde die die Auswahl aus dem ersten und dem zweiten Drop-Down-Feld in ein Input-Feld geschrieben werden. Könnt ihr mir diesbezüglich helfen?

Würde mich sehr freuen.

Mit freundlichen Grüßen
 
Hi,

zum Aktualisieren eines zweiten Selektfeldes in Abhängigkeit der Auswahl einer ersten Optionsgruppe gibt es bereits Threads im Forum, z.B.
- Beispiel 1
- Beispiel 2

Das Befüllen der Inputfelder mit den selektierten Optionen der Selektgruppen realisierst du, indem du die Gruppen durchläufst und den jeweils markierten Eintrag übernimmst.

Beispiel:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function insertSelected(strSelID, strTxtID){
  var objSel = document.getElementById(strSelID);
  var objTxt = document.getElementById(strTxtID);

  for(var i=0; i<objSel.options.length; i++){
    if(objSel.options[i].selected){
      objTxt.value = objSel.options[i].value;
      return;
    }
  }
}
 //-->
</script>
</head>
<body>
<select id="selID">
  <option value="eins">eins</option>
  <option value="zwei">zwei</option>
  <option value="drei">drei</option>
  <option value="vier">vier</option>
</select>
<input type="text" id="txtID" value="">
<button onclick="insertSelected('selID', 'txtID');">insertSelected()</button>
</body>
</html>
Die Funktion erwartet zwei Parameter:
  1. strSelID - ID des Selektfeldes, dessen selektierte Option übernommen werden soll
  2. strTxtID - ID des Textfeldes, in das der Optionswert geschrieben werden soll
Ciao
Quaese
 
Da er auf die selektierte option zu gegriffen hat mit .selected dahinter ist es egal ob du nen extra button machst oder das als onchange in das <select> mit rein machst.
Siehe Code:

HTML: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese, changed by M.Paspirgilis">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
function insertSelected(strSelID, strTxtID){
  var objSel = document.getElementById(strSelID);
  var objTxt = document.getElementById(strTxtID);

  for(var i=0; i<objSel.options.length; i++){
    if(objSel.options[i].selected){
      objTxt.value = objSel.options[i].value;
      return;
    }
  }
}
 //-->
</script>
</head>
<body>
<select onchange="insertSelected('selID', 'txtID');" id="selID">
  <option value="eins">eins</option>
  <option value="zwei">zwei</option>
  <option value="drei">drei</option>
  <option value="vier">vier</option>
</select>
<input type="text" id="txtID" value="">
</body>
</html>

Du kannst auch denn anstelle von onchange="insertSelected('selID', 'txtID');" den nehmen --> onchange="insertSelected(This, 'txtID');"
Glaub weis ich jetzt nicht genau cih evrwende es immer mit dem id string weil es visuell schöner aussieht :D
 
Zuletzt bearbeitet:
Hi,

die Übergabe der Referenz this ist hier nicht möglich, da die Funktion im ersten Parameter einen String erwartet, der die ID des Selektfeldes repräsentiert.

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück