form select

**processore** · 08-05-2012, 19:10

salve e tutto il giorno che cerco su internet ma non riesco a trovare niente.

vi spiego il mio problema.
io ho 2 form select

codice:

<select  name="marca" size="1" ">
          <option selected value="0">tutto</option>
	  <option  value="1">fiat</option>
          <option  value="2">BMW</option>

codice:

<select  name="modello" size="1" ">
	  <option  value="0">fpanda</option>
          <option  value="1">530</option>

io vorrei che se nel primo form resta selezionato tutto il secondo form resta disattivato.
se nel primo form si seleziona fiat nel secondo esce selezionato panda
mentre se seleziono bmw nel secondo esce selezionato 530.

la mia domanda e possibile farlo con javascript ?
e come si deve fare ?

grazie

**carlomarx** · 08-05-2012, 20:29

codice:

<!doctype html>
<head>
<script type="text/javascript">
function cambiaMarca () {
	var oForm = document.tuoForm, bSelected = oForm.marca.selectedIndex > 0;
	oForm.modello.disabled = !bSelected;
	if (bSelected) { oForm.modello.selectedIndex = oForm.marca.selectedIndex - 1; }
}
</script>
</head>

<body onload="cambiaMarca();">
<form name="tuoForm" >
<select  name="marca" size="1" onchange="cambiaMarca();">
<option selected value="0">tutto</option>
<option  value="1">fiat</option>
<option  value="2">BMW</option>
</select>

<select  name="modello" size="1" ">
<option  value="0">fpanda</option>
<option  value="1">530</option>
</select>
</form>
</body>
</html>

**carlomarx** · 08-05-2012, 20:35

Oppure, se vuoi essere più sintetico...

codice:

<!doctype html>
<head>
<script type="text/javascript">
function cambiaMarca (oForm) {
	(oForm.modello.disabled = oForm.marca.selectedIndex === 0) || (oForm.modello.selectedIndex = oForm.marca.selectedIndex - 1);
}
</script>
</head>

<body onload="cambiaMarca(document.tuoForm);">
<form name="tuoForm" >
<select  name="marca" size="1" onchange="cambiaMarca(this.form);">
<option selected value="0">tutto</option>
<option  value="1">fiat</option>
<option  value="2">BMW</option>
</select>

<select  name="modello" size="1" ">
<option  value="0">fpanda</option>
<option  value="1">530</option>
</select>
</form>
</body>
</html>

**processore** · 09-05-2012, 11:59

grazie mille per la risposta.

solo che io vorrei che se seleziono nel primo fiat nel secondo nel menu mi esce sono panda.
se seleziono bmw nel secondo mi esce solo 530 , invece cosi mi escono lo stesso tutte e 2 nel menu a tendina.

girando su internet ho trovato uno che fa al caso mio solo che usa jquery e ajax, e io non li ho mai studiati quindi vorrei farlo in javascript o in php. solo che non so se e possibile farlo

**carlomarx** · 09-05-2012, 15:48

Originariamente inviato da processore
solo che io vorrei che se seleziono nel primo fiat nel secondo nel menu mi esce sono panda.
se seleziono bmw nel secondo mi esce solo 530 , invece cosi mi escono lo stesso tutte e 2 nel menu a tendina.

Originariamente inviato da processore
salve e tutto il giorno che cerco su internet ma non riesco a trovare niente.

Hai cercato male, bastava scorrere appena tre pagine del forum, questa discussione è di una settimana fa:

http://forum.html.it/forum/showthrea...readid=1506153

Discussione: form select

Strumenti discussione

Ricerca discussione

Visualizza

form select

Permessi di invio