[Erledigt] DropDown Menü in Abhängigkeit vom RadioButton ändern

04.11.2005, 10:07

Gibt es eine eifache Möglichkeit ein DropDownMenü von der Wahl des RadioButtons abhänigi zu machen - also je nachdem welcher RadioButton gedrückt ist, ein anderes Dop Down Menü erscheint?!?

Ist das ganze "Problem" nur mit PHP zu lösen oder gibt es einen "einfachen" Weg?!?

Danke für eure Hilfe!!

Zergling-new · 04.11.2005, 10:20

Du kannst mit einer JavaScript-CSS-Kombi Elemente verstecken oder anzeigen.

Code:

// css
.hideElement {
  display: none;
}
.showElement {
  display: block;
}

// javascript
document.getElementById('selectName').className = 'hideElement';

Jetzt musst du dir halt noch eine JavaScript-Programmlogik basteln, die eben das richtige Select-Feld anzeigt wenn ein bestimmter Radio-Button gedrückt wurde und die restlichen versteckt. Ist aber hauptsächlich nur ein if-else-Code.

04.11.2005, 10:24

Ahhh JavaScript ...

Naja, das werde ich schon hinbekommen.
Gibt es irgendwie eine Seite oder eine Doku, wo ich solche Sachen über JS nachlesen kann?!?

04.11.2005, 16:54

Ok, nach langem Suchen habe ich ein Script gefunden:

Code:

<html>

<head>
<title>
JavaScript - Beispiel
</title>

<script type="text/javascript">


function auswahl()
{
  var i,Text="keine Auswahl";

   /* jeden Radiobutton abchecken : */
  for (i=0;i<4;i++)
    if (document.demo.elements[i].checked)
      Text=document.demo.elements[i].value;

   /* Text im Ausgabefeld setzen : */
  document.demo.anzeige.value=Text;
}


</script>                  

</head>
<body onLoad="auswahl();">

Erkl&auml;rung
 







<form name="demo">  

<input type=radio name="punkte" value="erstens" onClick="auswahl()">

erstens


<input type=radio name="punkte" value="zweitens" onClick="auswahl()">

zweitens


<input type=radio name="punkte" value="drittens" onClick="auswahl()">
 
drittens


<input type=radio name="punkte" value="viertens" onClick="auswahl()">
viertens


<input type=text name="anzeige" value="" size="15" readonly>

</form> 
</body>
</html>

Aber das Problem für mich ist jetzt noch: Wie setzte ich das noch in ein Drop Down Menü um? Muss das mit in den JS Teil rein?

Daaanke schonmal für eure Antwort.
(und bitte Idiotensicher antworten - bin noch blutiger Anfänger)

DiBo33 · 04.11.2005, 17:37

Spontan würde ich es so machen

Code:

<form>
<input type=radio name="punkte" value="1" onClick="auswahl(this.form.punktauswahl,this.value)">erstens

<input type=radio name="punkte" value="2" onClick="auswahl(this.form.punktauswahl,this.value)">zweitens

<input type=radio name="punkte" value="3" onClick="auswahl(this.form.punktauswahl,this.value)">drittens

<input type=radio name="punkte" value="4" onClick="auswahl(this.form.punktauswahl,this.value)">viertens

<select name="punktauswahl" onchange="if(this.selectedIndex)location.href=this.options[this.selectedIndex].value;">
<option value="">-- Bitte wählen --</option>
</select>
</form>
<script type="text/javascript">
function auswahl(selectFeld, punkteWahl) {
  var menue = [
    [
      ['Google','http://google.de'],
      ['Yahoo','http://yahoo.de'],
      ['Sonstwas','http://sonstwas.de']
    ],
    [
      ['PHP DE','http://phpfriend.de'],
      ['PHP NET','http://php.net']
    ],
    [
      ['Mysql','http://mysql.net']
    ],
    [
      ['Selfhtml','http://de.selfhtml.org'],
      ['CSS','http://css4you.de']
    ]
  ];
  var wahl = parseInt(punkteWahl)-1;
  if (wahl<0 || wahl>menue.length) wahl = 0;
  selectFeld.options.length = 1;
  for (var i=0; i<menue[wahl].length; i++) {
    selectFeld.options[i+1] = new Option(menue[wahl][i][0], menue[wahl][i][0]);
  }
}
</script>

Zergling-new · 04.11.2005, 17:49

Die Referenz für javascript: http://de.selfhtml.org/

05.11.2005, 09:38

DiBo, das geeeht!!

*freu*

Mh .. noch ne Frage. Die Optionen, die bei Select angezeigt werden sollen, sollen aus einer Datenbank ausgelesen werden. Kann man das auch noch in JS irgendwie einbasteln?!
Kurz gesagt: Kann man mH von JS auf eine DB zugreifen?!?

DiBo33 · 07.11.2005, 13:14

Allgemein, nein mit JS kannst du nicht auf eine Datenbank zugreifen (Ausnahmen ausgeschlossen).

Datenbank => serverseitig
JS => clientseitig

Du musst also das JS-Array mittels einer serverseitigen Scriptsprache deiner Wahl zusammensetzen.

Entweder mittels AJAX, was ich dir aber bei deinem Kenntnisstand nicht empfehle, oder am Anfang, das komplette Array erstellen.

08.11.2005, 10:20

Daanke. Ich habe mir selber schon gedacht, dass es ne doofe Frage war.

Also ich könnte zB mit PHP am Anfang meine DB befragen und dann das Ergebnis als array JS übergeben, richtig?!

DiBo33 · 08.11.2005, 12:45

Richtig.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

04.11.2005, 10:07
Gast Beiträge: n/a	[Erledigt] DropDown Menü in Abhängigkeit vom RadioButton ändern Gibt es eine eifache Möglichkeit ein DropDownMenü von der Wahl des RadioButtons abhänigi zu machen - also je nachdem welcher RadioButton gedrückt ist, ein anderes Dop Down Menü erscheint?!? Ist das ganze "Problem" nur mit PHP zu lösen oder gibt es einen "einfachen" Weg?!? Danke für eure Hilfe!!


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

04.11.2005, 10:20
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Du kannst mit einer JavaScript-CSS-Kombi Elemente verstecken oder anzeigen. Code: // css .hideElement { display: none; } .showElement { display: block; } // javascript document.getElementById('selectName').className = 'hideElement'; Jetzt musst du dir halt noch eine JavaScript-Programmlogik basteln, die eben das richtige Select-Feld anzeigt wenn ein bestimmter Radio-Button gedrückt wurde und die restlichen versteckt. Ist aber hauptsächlich nur ein if-else-Code.

04.11.2005, 10:24
Gast Beiträge: n/a	Ahhh JavaScript ... Naja, das werde ich schon hinbekommen. Gibt es irgendwie eine Seite oder eine Doku, wo ich solche Sachen über JS nachlesen kann?!?

04.11.2005, 17:49
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Die Referenz für javascript: http://de.selfhtml.org/

05.11.2005, 09:38
Gast Beiträge: n/a	DiBo, das geeeht!! freu Mh .. noch ne Frage. Die Optionen, die bei Select angezeigt werden sollen, sollen aus einer Datenbank ausgelesen werden. Kann man das auch noch in JS irgendwie einbasteln?! Kurz gesagt: Kann man mH von JS auf eine DB zugreifen?!?

07.11.2005, 13:14
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	Allgemein, nein mit JS kannst du nicht auf eine Datenbank zugreifen (Ausnahmen ausgeschlossen). Datenbank => serverseitig JS => clientseitig Du musst also das JS-Array mittels einer serverseitigen Scriptsprache deiner Wahl zusammensetzen. Entweder mittels AJAX, was ich dir aber bei deinem Kenntnisstand nicht empfehle, oder am Anfang, das komplette Array erstellen.

08.11.2005, 10:20
Gast Beiträge: n/a	Daanke. Ich habe mir selber schon gedacht, dass es ne doofe Frage war. Also ich könnte zB mit PHP am Anfang meine DB befragen und dann das Ergebnis als array JS übergeben, richtig?!

08.11.2005, 12:45
DiBo33 Erfahrener Benutzer Registriert seit: 05.07.2004 Beiträge: 1.476	Richtig.