[JavaScript]Petla for + Opcje

[Mike122]

Witam napisałem skrypt który pobiera wartości z pola option następnie przypisuje im liczbę n która w pętli for zwiększa się.. Jednak nie do końca o to chodzi.. Przedstawienie to na przykładach:

Mój Skrypt

[HTML] pobierz, plaintext 
var x = document.getElementsByTagName("option");
for (var n = 0; n < x.length; n++){
	var s = document.getElementsByTagName("option")[n];
	var y = s.childNodes[0];
	var server = (y.nodeValue);
	var sum = n+1;
	var speed = server.replace(server, sum +" - "+server);
	document.getElementsByTagName("option")[n].innerHTML = speed;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
//Wyglądają formularze bez użycia skryptu...
//1 formualrz
<form action="...">
	<select name="nazwa">
		<option>12</option>
		<option>13</option>
	</select>
</form>
 
//2 formualrz
<form action="...">
	<select name="nazwa">
		<option>12</option>
		<option>13</option>
	</select>
</form>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
//Po użyciu tego skryptu wyglądają tak:
//1 formualrz
<form action="...">
	<select name="nazwa">
		<option>1 - 12</option>
		<option>2 - 13</option>
	</select>
</form>
//2 formualrz
<form action="...">
	<select name="nazwa">
		<option>3 - 12</option>
		<option>4 - 13</option>
	</select>
</form>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
//Chciałbym by wyglądało tak:
//1 formualrz
<form action="...">
	<select name="nazwa">
		<option>1 - 12</option>
		<option>2 - 13</option>
	</select>
</form>
//2 formualrz
<form action="...">
	<select name="nazwa">
		<option>1 - 12</option>
		<option>2 - 13</option>
	</select>
</form>
[HTML] pobierz, plaintext 

Bardzo proszę i pomoc.. Próbowałem dać w pętli for następne for jednak nie działało...

Ten post edytował Mike122 4.12.2009, 15:25:43

[r4xz]

to może sprawdzać czy np. name rodzica jest inne, albo samego elementu (co pozwoli wykryć, że jest to inny select) i zmieniać wartość n na 0/1 (zależy gdzie wkleić warunek)?

[zegarek84]

Próbowałem dać w pętli for następne for jednak nie działało...

pętlę zewnętrzną daj po select

[Mike122]

pętlę zewnętrzną daj po select

Możesz troszkę jaśniej?

[zegarek84]

nie sprawdzałem - popraw błędy jeśli takie są ale to ma być w ten deseń - ps - nie trzeba co chwila przeszukiwać dokumentu - wystarczy raz i zapamiętać to do jakiejś zmiennej - js jest dosyć mocno obiektowy

[JAVASCRIPT] pobierz, plaintext 
var y = document.getElementsByTagName('select'), y_length=y.length,
o = null, o_length = null,
m, n,s, z, server, sum, speed;
  for (m = 0; m < y_length; ++m){
  o = y[m].getElementsByTagName('option');
  o_length = o.length;
    for (n = 0; n < o_length; ++n){
	    s = o[n];
	    z = s.childNodes[0];
	    server = (z.nodeValue);
	    sum = n+1;
	    speed = server.replace(server, sum +" - "+server);
	    o[n].innerHTML = speed;
    }
  }
[JAVASCRIPT] pobierz, plaintext 

PS. optymalniej było by jeszcze w ten deseń (też nie sprawdzałem ;p)

[JAVASCRIPT] pobierz, plaintext 
var y = document.getElementsByTagName('select'), y_length=y.length,
o = null, o_length = null, o_in = null,
m, n;
  for (m = 0; m < y_length; ++m){
  o = y[m].getElementsByTagName('option');
  o_length = o.length;
    for (n = 0; n < o_length; ++n){
	    o_in = o[n].firstChild;
	    o_in.nodeValue = [n+1, ' - ',  o_in.nodeValue].join('');
    }
  }
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował zegarek84 4.12.2009, 18:03:11