Selezionare un javascript in base a valore da array

[Sgozzapolli]

ciao,

volevo sapere se è possibile con javascript selezionare un valore di una select in base alla corrispondenza con un array di valore.

Ad esempio se ho una select:

<SELECT id="realitems">
<OPTION value="">Select...
<OPTION value="afghanistan">Afghanistan
<OPTION value="albania">Albania
<OPTION value="algeria">Algeria
<OPTION value="andorra">Andorra
<OPTION value="angola">Angola
</SELECT>

ed un array: (italia,america,olanda,algeria)

è possibile selezionare la corrispondena in "algeria"?

[br1]

<script>
ar = new Array('italia','america','olanda','algeria');
function chi() {
	sl = document.getElementById('realitems');
	for (var i=0;i<ar.length;i++) {
		for (var j=0;j<sl.length;j++) {
			if (sl.options[j].value==ar[i]) sl.selectedIndex = j;
		}
	}
}
</script>


<SELECT id="realitems">
<OPTION value="">Select...
<OPTION value="afghanistan">Afghanistan
<OPTION value="albania">Albania
<OPTION value="algeria">Algeria
<OPTION value="andorra">Andorra
<OPTION value="angola">Angola
</SELECT>
<input type="button" value="?" onclick="chi()">

A te gestire eventuali corrispondenze multiple

[Sgozzapolli]

Ciao,

grazie mille funziona benissimo:

Volevo chiederti solo una cosa, nel caso la select fosse

<SELECT id="realitems"> <OPTION value="">Select... <OPTION value="1">Afghanistan <OPTION value="2">Albania <OPTION value="3">Algeria <OPTION value="4">Andorra <OPTION value="5">Angola </SELECT>

dovrei modificare il dodice così?

if (sl.options[j].text==ar[i]) sl.selectedIndex = j;

Ho provato ma nn sembra funzionare...

[br1]

Originariamente inviato da Sgozzapolli
Ho provato ma nn sembra funzionare...

Attenzione alle maiuscole/minuscole, eventualmente trasforma i termini del confronto con il metodo .toUpperCase() o .toLowerCase()

ciao

[cavicchiandrea]

A) <OPTION value="1">Afghanistan</OPTION>
B) il javascript e case-sensitive pertanto l'array dovrà essere scritta uguale alla option oppure dovrai forzarla tipo:
//forza tutto in minuscolo
if (sl.options[j].text.toLowerCase()==ar[i]) sl.selectedIndex = j;

[Sgozzapolli]

grazie mille ragazzi mi ero accorto dell'errore e stavo appunto per postare qui la correzione, che voi avete già brillantemente spiegato.

Un'altra cosa se possibile.

Mettiamo di avere la select:

<SELECT id="realitems"> <OPTION value="">Select... <OPTION value="afghanistan">Afghanistan <OPTION value="albania">Albania <OPTION value="algeria">Algeria <OPTION value="andorra">Andorra <OPTION value="algeria1">Angola uno <OPTION value="algeria2">Angola due <OPTION value="algeria3">Angola tre </SELECT> </FORM>

e l'array: ('italia','america','olanda','angola')

in questo caso la funzione nn seleziona nessun valore. Ma se gli volessi far selezionare la stringa simile anzichè esatta, tipo angola uno? è possibile o mi darà sempre errore perchè vuole la corrispondenza esatta? o mi darà sempre errore perchè angola uno , angola due e angola tre sono troppo simili?

Si potrebbe risolvere con le regex?

[cavicchiandrea]

Ma se le conosci a priori le puoi aggiungere direttamente nella array, mentre sviluppare un reg boh... non so oppure potresti provare cosi:
if (sl.options[j].text.toLowerCase().indexOf(ar[i])!=-1) sl.selectedIndex = j;

[Sgozzapolli]

no le alternative nn le conosco a priori.

La tua soluzione funziona, ma mi seleziona sempre l'ultima opzione disponibile, angola tre.

Ma indexOf(ar[i])!=-1) cosa restituisce? cioè cosa è quel -1?

[br1]

-1 vuol dire stringa non trovata...

if (sl.options[j].text.toLowerCase().indexOf(ar[i])!=-1) {
  sl.selectedIndex = j;
  return true;
}

Al primo trovato esce dalla funzione

[Sgozzapolli]

Ciao, grazie della risposta.

Ma non capisco perchè mi seleziona sempre l'ultimo trovato.

Cioè se sposto l'ordine all'interno della select mi restituisce sempre l'ultima corrispondenza che trova nella select.

Capita questo perchè legge i dati della select al contrario?