✔ Mehrere select auf selected setzen über onclick

[kalleplom]

Hallo!

Ich hab hier folgendes:

<script type="text/javascript">
	function selgroup(selectid, id){
		document.getElementById(selectid).options[1].selected  = true;
	}
</script>
<form>
<select id="anton">
	<option value="a" id="a">A</option>
	<option value="b" id="b">B</option>
	<option value="c" id="c">C</option>
</select>
<select id="anton">
	<option value="a" id="a">A</option>
	<option value="b" id="b">B</option>
	<option value="c" id="c">C</option>
</select>
<select id="anton">
	<option value="a" id="a">A</option>
	<option value="b" id="b">B</option>
	<option value="c" id="c">C</option>
</select>
<span onclick="selgroup('anton',c);">alle</span>
<br>


<select id="berta">
	<option value="a" id="a">A</option>
	<option value="b" id="b">B</option>
	<option value="c" id="c">C</option>
</select>
<select id="berta">
	<option value="a" id="a">A</option>
	<option value="b" id="b">B</option>
	<option value="c" id="c">C</option>
</select>
<select id="berta">
	<option value="a" id="a">A</option>
	<option value="b" id="b">B</option>
	<option value="c" id="c">C</option>
</select>
<span onclick="selgroup('berta',b)">alle</span>
</form>

zb: Der Click auf "alle" bei berta, soll mir alle selects auf c stellen.
Das funktioniert aber nicht, er wählt mir immer nur den ersten aus..
logisch, weil ich ja oben in der Funktion nur einen festen Index angegeben habe.
Wie mache ich es aber, das alle dropdowns augewählt werden?
Muss das mit einer Schleife gemacht werden?
Vielen Dank für die Hilfe!

 

[mage]

Mal abgesehen davon sollten die ids eindeutig für Seite sein. Da bei document.getElementById(XY) genau ein Element herauskommen soll.
Du solltest deine Ids für die Berta nach dem Schema berta_1 durchnummerieren.
Dann kannst du deine Sectionfelder in einer Schleife durchlaufen und dabei prüfen ob die ID mit berta beginnt.

Wenn ja, kannst du entweder direkt den SelectedIndex setzen, für den Fall das alle gleich sind.

 

[kalleplom]

ok, danke!

so funtkioniert's schon mal ganz gut!

<script type="text/javascript">
	function selgroup(div, inx){
 		var tag = document.getElementById(div).getElementsByTagName("select");
  		for(i=0;i<tag.length;i++) {
  	 		for(o=0;o<tag[i].length;o++) {
    			if(tag[i].options[o].value == inx){
   	 			tag[i].options[o].selected = true;
    			} 
			}
  		}
	}
</script>
<div id="anton">
	<select >
		<option value="a">A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>
	<select >
		<option value="a">A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>
	<select>
		<option value="a">A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>	
	<span onclick="selgroup('anton','c');">alle</span>
</div>
<br>
<div id="berta">
	<select>
		<option value="a">A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>
	<select>
		<option value="a">A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>
	<select>
		<option value="a" >A</option>
		<option value="b">B</option>
		<option value="c">C</option>
	</select>
	<span onclick="selgroup('berta','b')">alle</span>
</div>