WinFuture-Forum.de: Problem Mit Auswahlliste - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Problem Mit Auswahlliste Java Script


#1 Mitglied ist offline   Skaroth 

  • Gruppe: aktive Mitglieder
  • Beiträge: 549
  • Beigetreten: 08. September 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Wien

geschrieben 26. November 2005 - 12:01

Hi,

also ich habe schon wieder ein Problem in Java Script. Ich habe zwei Auswahllisten. Die 1. Liste enthält diverse Optionen. Wenn ich jetzt ein oder mehrere Optionen aus Liste 1 auswähle und auf den Button ">>" drücke, sollen diese markierten Optionen in Liste 2 auftauchen. Allerdings tun sie das nicht wirklich.

Hier mal mein Code:
<html>
  <head>
	<title>Niko's JavaScript Page - Selectlisten</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<script type="text/javascript">
	  var s=new Option();
	  function adden() {
	  for(var i=0; i<=document.listen.liste1.options.length; i++) {
		if(document.listen.liste1.options[i].selected==true) {
		  s.name=document.listen.liste1.options[i].name;
		  s.value=document.listen.liste1.options[i].value;
		  document.listen.liste2.options[i]=s;
		 }
		}	  
	  }
	</script>
  </head>
  <body>
	<form name="listen">
	  <select multiple="multiple" name="liste1">
			<option name="rot" value="rot">rot</option>
			<option name="blau" value="blau">blau</option>
		<option name="gelb" value="gelb">gelb</option>
		<option name="grün" value="grün">grün</option>
	  </select>
	  <input type="button" value=">>" onClick="adden()">
	  <input type="button" value="Reset" onClick="javascript: window.reset();">
	  <select multiple="multiple" name="liste2">
	  </select>
	  
	</form>
  </body>
</html>


Bitte um Hilfe ;)
0

Anzeige



#2 Mitglied ist offline   Skaroth 

  • Gruppe: aktive Mitglieder
  • Beiträge: 549
  • Beigetreten: 08. September 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Wien

geschrieben 27. November 2005 - 13:24

Problem gelöst! Die Java Script Konsole meldet zwar, dass options[i] keine Properties hat, aber es funktioniert sowohl im Firefox, als auch im IE reibungslos

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
	<title>Niko's JavaScript Page - Selectlisten</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<script type="text/javascript">
	  var pos=0;
	  function adden() {
	  for(var i=0; i<=document.listen.liste1.options.length; i++) {
		if(document.listen.liste1.options[i].selected==true) {
		  document.listen.liste2.options[pos]=new Option(document.listen.liste1.options[i].value,document.listen.liste1.options[i].name);
		  pos++;
		 }
		}	  
	  }
	  
	  function loeschen() {
		for(var j=0; j<=document.listen.liste2.options.length; j++) {
		if(document.listen.liste2.options[j].selected==true) {
		  document.listen.liste2.options[j]=null;
		  pos--;
		 }
		} 
	  }
	</script>
  </head>
  <body>
	<form name="listen">
	  <select multiple="multiple" name="liste1" size="4">
			<option name="rot" value="rot">rot</option>
			<option name="blau" value="blau">blau</option>
		<option name="gelb" value="gelb">gelb</option>
		<option name="grün" value="grün">grün</option>
	  </select>
	  <input type="button" value=">>" onClick="adden()">
	  <input type="button" value="löschen" onClick="loeschen()">
	  <select multiple="multiple" name="liste2" size="4">
	  </select>
	  
	</form>
  </body>
</html>

0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0