Selezionare un elemento in una select box

**Nunkij** · 21-05-2007, 22:07

Ciao a tutti, ditemi che epr fare ciò che dice il titolo non mi serve ajax, vi prego!!!
In pratica ho una serie di immagini che posso cliccare. Al click una funzione javascript cattura un intero (associato univocamente ad ogni immagine) e lo passa ad una funzione javascript.
Esempio:

<img .... />
<img .... />
<img .... />

Poi ho una select che contiene una serie di valori interi (sono gli stessi passati alle funzioni). Vorre che quando uno clicca sull'immagine corrispondente, la funzione selectImage() facesse in modo che la select fosse selezionata all'elemento che ha come VALUE, l'intero passato da parametro. Orientativamente la farei con un ciclo su tutti gli elementi (ma in questo caso non so come fare la guardia del ciclo) altrimenti c'è un modo più elegante per fare una cosa simile?
Grazie a chi mi darà una mano!

**cavicchiandrea** · 21-05-2007, 22:36

Di sicuro la spiegazioni non sono delle più chiare, premesso questo ho elaborato questo che dovrebbe fare quello che chiedi o meglio quello che ho capito.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/javascript" language="javascript">
function selectImage(Val){
	document.getElementById("SelectImages").selectedIndex=Val;
}
</script>
</head>

<body>
<form action="" method="post" name="modulo">
  <table width="100%" border="0" cellspacing="0" cellpadding="2">
    <tr>
      <td width="26%" rowspan="3"><select name="SelectImages" id="SelectImages">
        <option value="0">Seleziona</option>
        <option value="1">Percorso Image 1</option>
        <option value="2">Percorso Image 2</option>
        <option value="3">Percorso Image 3</option>
                        </select></td>
      <td width="74%">Image 1 </td>
    </tr>
    <tr>
      <td>Image 2 </td>
    </tr>
    <tr>
      <td>Image 3 </td>
    </tr>
  </table>
</form>
</body>
</html>

**Xinod** · 21-05-2007, 22:37

se ti chiedi se serva ajax non hai ben chiaro a cosa serva ajax,
come sospetti devi ciclare

codice:

var sel=document.nomeForm.nomeSelect;
for(var k=0;k<sel.options.length;k++){
  if(sel.options[k].value==n){ // dove n e' l' argomento della funzione
    sel.selectedIndex=k;
    break;
  }
}

ciao

**Nunkij** · 21-05-2007, 23:04

Ok più o meno ci ero arrivato! Sì in effetti per ora lo conosco poco ajax! Ben presto lo studierò perché mi affascinano le tecnologie web ma per ora non ho avuto nè tempo nè necessità per farlo! Grazie!

**Xinod** · 21-05-2007, 23:56

dal confronto trai 2 codici che ti abbiamo suggerito dovrebbe risultare chiaro che se il valore e' indipendente dall' indice dell' option da selezionare, quindi strettamente dipendente dal value, basati sul codice che ti ho indicato io
<option value="0">testo</option>
<option value="3">testo</option>
<option value="1">testo</option>
<option value="2">testo</option>

se le option hanno value numerico progressivo
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
usa quello suggerito da Andrea, che setta il selectedIndex identico al valore passato, indipendentemente dal value dell' option

spero sia comprensibile

Discussione: Selezionare un elemento in una select box

Strumenti discussione

Ricerca discussione

Visualizza

Selezionare un elemento in una select box

Permessi di invio