[PHP][JavaScript]Sprawdzanie czy pola formularza się powtarzają Opcje

[zeetor]

Witam

Mam 10 pól wyboru rozwijanych...i chciałbym aby nie można było zatwierdzic wyboru jeśli w dwóch (lub więcej polach) wybór się powtórzy...

Na razie kombinuje z czymś takim: przenoszę pola do zmiennych w php... a później za pomocą pętli i if porównuje je ze sobą tzn
Jeżeli Pole1=Pole2 to wróć ...
Jeżeli Pole1=Pole3 to wróć

No ale wydaje mi sie to troche nieefektywne...szczególnie że na razie pól jest 10... ale jak będzie 100??

dz i pozdr

[skowron-line]

[HTML] pobierz, plaintext 
function compare(){
var sel1 = document.getElementById( 'select1' );
sel1Value = sel1.options[ sel1.selectedIndex ].value;
 
var sel2 = document.getElementById( 'select2' );
sel2Value = sel2.options[ sel2.selectedIndex ].value;
 
if(sel1Value == sel2Value )
document.getElementById( 'submit' ).disabled = true;
else
document.getElementById( 'submit' ).disabled = false;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<select name="sel1" onchange="compare();">
<option>.....</option>
</select>
<select name="sel2" onchange="compare();">
<option>...</option>
</select>
[HTML] pobierz, plaintext 

No ale zawsze można to zrobić duuuużo lepiej
z wykorzystaniem pętli i tablic.

Ten post edytował skowron-line 2.08.2008, 17:14:30

[zeetor]

Pozmieniałem nazwy zmiennych set1 i set2 na pozycja1 i pozycja2...i na razie dodałem
onchange="compare();" tylko do dwóch pól... i nic...nadal można zatwierdzić dwa takie same wybory...

no chyba żadnego błędu nie popełniłem przy zmianie nazw zmiennych...

CODE

<script>



function compare(){

var pozycja1 = document.getElementById( 'select1' );

pozycja1Value = pozycja1.options[ pozycja1.selectedIndex ].value;



var pozycja2 = document.getElementById( 'select2' );

pozycja2Value = pozycja2.options[ pozycja2.selectedIndex ].value;



if(pozycja1Value == pozycja2Value )

document.getElementById( 'submit' ).disabled = true;

else

document.getElementById( 'submit' ).disabled = false;

}

[skowron-line]

Jeżeli kwój kod wygląda prawie jak ten:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 
 
 
function compare(){
 
var pozycja1 = document.getElementById( 'select1' );
 
pozycja1Value = pozycja1.options[ pozycja1.selectedIndex ].value;
 
 
 
var pozycja2 = document.getElementById( 'select2' );
 
pozycja2Value = pozycja2.options[ pozycja2.selectedIndex ].value;
 
 
 
if(pozycja1Value == pozycja2Value )
 
document.getElementById( 'submit' ).disabled = true;
 
else
 
document.getElementById( 'submit' ).disabled = false;
 
}
 
 
</script>
 
<select name="select" id="select1" onchange="compare();">
<option value="1">1</option>
<option value="2">2</option>
</select>
 
<select name="select" id="select2" onchange="compare();">
<option value="1">1</option>
<option value="2">2</option>
</select>
 
<input type="submit" id="submit" value="click" disabled="true">
[HTML] pobierz, plaintext 

to bedzie dobrze

[zeetor]

dz kilka poprawek i wszystko gra