dependend dynamic listbox

J

jantar

Grünschnabel
hi

hat irgendjemand von euch ne ahnung wie man am besten 2 dynamic listboxes miteinander verbinden kann.


meine tabellen sehen so aus

kategorie bauform

kat_id : bau_id
kategorie : bau
................ : kat_id


wie man erkennen kann wird über die kat_id die entsprechende bauform selectiert ... nun möchte ich das wenn ich eine kategorie gewählt habe die entsprechende bauform dazu angezeigt bekomme... (die seite habe ich hauptsachlich mit php und html geschrieben !)


ich wäre echt dankbar weil langsam geh ich hier fest
 
Hallo,

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title></title>
    <style type="text/css">
	select {width:150px; font-size:10px; font-family:arial; }
    </style>
 
    <script type="text/javascript">
	var bauform = new Array();
	bauform[0] = new Array('form 1.1','form 1.2','form 1.3','form 1.4','form 1.5');
	bauform[1] = new Array('form 2.1','form 2.2','form 2.3');
	bauform[2] = new Array('form 3.1','form 3.2');
	bauform[3] = new Array('form 4.1','form 4.2','form 4.3','form 4.4','form 4.5');
	
	
	function setLevel2(id){
	  deleteOptions('level2');
	  addOptions('level2',id);
	}
	
	
    function deleteOptions(o){
      var y = document.getElementById(o).length;
      for(var x=0; x<y; x++){
        document.getElementById(o).options[0] = null;
      }
    }


    function addOptions(o,id){
      for(var x=0; x<bauform[id].length; x++){
        opt = new Option(bauform[id][x],bauform[id][x],false,false);
        document.getElementById(o).options[document.getElementById(o).options.length] = opt;
      }
    }

    </script>
  </head>
  <body>
  
  <form name="select">
  
    <select name="level1" onchange="setLevel2(this[this.selectedIndex].id)">
	  <option id="0">ID 1</option>
	  <option id="1">ID 2</option>
	  <option id="2">ID 3</option>
	  <option id="3">ID 4</option>
	</select>
  
    <select id="level2" name="level2"></select>
  </form>
  </body>
</html>
Ist zur Verarbeitung mit PHP sehr gut geeignet - du musst nur die Arrays von PHP generieren lassen...

bye


//edit: Bitte beachte unsere Netiquette - Punkt 12
 
ja ich danke dir ... ich habs jetzt hinbekommen genau wie dus gesagt hast ... habe es noch für dynamische umgebaut und es funktioniert !


also besten dank mein held :suspekt:
 
Andreas Gaisbauer hat gesagt.:
Ist zur Verarbeitung mit PHP sehr gut geeignet - du musst nur die Arrays von PHP generieren lassen...
Zum Vergrößern anklicken....

Ein kleiner Ansatz würde mir sehr weiterhelfen.

Kann ich den PHP-Code einfach ins JavaScript einfügen?

Also sprich:

HTML: 
<script>
...
<? ###php-code### ?>
...
</script
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück