listbox alle auswählen

I

isurfin

Grünschnabel
Hallo,

ich habe da mal ein kleines Problem. Also ich möchte mit dem link auf der Linken Seite (bla) eine Javascript Funktion aufrufen, die die Inhalte der rechten ListBox auf einmal auswählt.

Ich kann die Elemente nicht anders benennen (jedenfalls nicht die [] bei cat_dependencies[] entfernen.

Falls jemand eine Lösung weiß, bitte Posten, bin jetzt schon dankbar. damit man weiß, wovon ich rede im folgenden der Quelltext.

Freundliche Grüße

Marian Feiler

---

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function addCatDependency() {
	var form = document.form1;
	var at = form.cats.length -1;
	var td = form.cat_dependencies.length -1;
	var tasks = "x";

	//build array of task dependencies
	for (td; td > -1; td--) {
		tasks = tasks + "," + form.cat_dependencies.options[td].value + ","
	}

	//Pull selected resources and add them to list
	for (at; at > -1; at--) {
		if (form.cats.options[at].selected && tasks.indexOf( "," + form.cats.options[at].value + "," ) == -1) {
			t = form.cat_dependencies.length
			opt = new Option( form.cats.options[at].text, form.cats.options[at].value );
			form.cat_dependencies.options[t] = opt
			form.cat_dependencies.options[t].selected = true
			form.cat_dependencies.options[t].readonly = true
		}
	}
}

function removeCatDependency() {
	var form = document.form1;
	td = form.cat_dependencies.length -1;

	for (td; td > -1; td--) {
		if (form.cat_dependencies.options[td].selected) {
			form.cat_dependencies.options[td] = null;
		}
	}
}

function auswahl(){
	var form = document.form1;
	var bla = form.getElementsByName("cat_dependencies[]");
  for (var i=0; i<bla.length; i++) 
    bla[i].selected = bla[i].checked = true
}
//-->
</script>
</head>
<body>
<p></p>
<form name="form1" method="post" action="test.php">
  <table width="750" border="0" cellspacing="0" cellpadding="1">
    <tr ID=1 style="visibility:visible"> 
      <td width="250">&nbsp;</td>
      <td width="250" colspan=""><strong><font color="#000000" size="-1" face="Arial, Helvetica, sans-serif">Kategorien</font></strong></td>
      <td width="250" colspan=""><strong><font color="#000000" size="-1" face="Arial, Helvetica, sans-serif">gew&auml;hlte 
        Parents</font></strong></td>
    </tr>
    <tr ID=2 style="visibility:visible"> 
      <td><a href="javascript:;" OnClick="auswahl()">bla</a></td>
      <td colspan="" align="left" valign="top"> <select name="cats" size="10" multiple id="cats" style="width: 250px">
          <option value="42">Test A</option>
          <option value="43">Test B</option>
          <option value="44">Test C</option>
          <option value="23">Testkategorie</option>
        </select> </td>
      <td colspan="" align="left" valign="top"><select name="cat_dependencies[]" size="10" multiple id="cat_dependencies" style="width: 250px">
        </select></td>
    </tr>
    <tr ID=3 style="visibility:visible"> 
      <td>&nbsp;</td>
      <td colspan="" align="right" valign="bottom"> <input name="to" type="button" id="to" value="ausw&auml;hlen &gt;" onClick="addCatDependency()"> 
      </td>
      <td colspan="" align="left" valign="bottom"> <input name="to" type="button" id="to" value="&lt; abw&auml;hlen" onClick="removeCatDependency()"> 
      </td>
    </tr>
  </table>
</form>
</body>
</html>
 
So sollte es gehen::)
Code: 
function auswahl()
	{
	var rechteListe = document.form1.elements('cat_dependencies[]');
	for (i=0; i<rechteListe.options.length; i++)
		{
		rechteListe.options[i].selected=true;
		}
   	}
 
Funktioniert.... Danke

Also, das Javascript hat funktioniert, hätte ich ja eigentlich selbst drauf kommen können. habe jedoch noch nie mit elements() gearbeitet. wird wohl Zeit :-)

Jedenfalls nochmal danke für die schnelle Hilfe.

Freundliche Grüße


Marian Feiler
 
Gern geschehen:)

Nen kleiner Bug ist noch drinnen:-)

ersetze mal bei elements die runden durch eckige Klammern....die runden mögen einige Brauser nicht:rolleyes:

Code: 
['cat_dependencies[]']
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück