Grazie, avevo visto quella discussione, ho riguardato, ma non ho trovato una risposta simile.
L'utente Pugia ha posto un quesito simile:
"ho una serie di select e con gli stessi elementi, vorrei fare in modo che scegliendo un elemento, questo sparisca dall'alenco degli altri, è fattibile come cosa? "
Le risposte che ha avuto implicavano o il database o la creazione di liste per ogni scelta possibile (strada che prenderei se non fosse possibile fare altrimenti).
Inoltre con la lista c'è una select "bloccata".
La mia intenzione era che potevano partire da entrambe le select ed entrambe si aggiornassero reciprocamente
al onchange controlla il dato selezionato e in base alla scelta fa sparire-apparire gli elementi tipo:
<select.... onchange="Funzione StatoM(this);">
<div id="toshow1M" style="display: none;">
<option value="Estonia">Estonia</option>
<option value="Finlandia">Finlandia</option>
<option value="Francia">Francia</option>
</div>
<div id="toshow2M" style="display: none;">
<option value="italia">itali</option>
</div>
</select>
<select ...onchange="Funzione StatoD(this);>
<div id="toshow1D" style="display: none;">
<option value="Estonia">Estonia</option>
<option value="Finlandia">Finlandia</option>
<option value="Francia">Francia</option>
......
</div>
<div id="toshow2M" style="display: none;">
<option value="italia">itali</option>
</div>
E' fattibile?
Ho trovato una cosa simile che fa apparire un input text, il problema che lavora sull'input.
non so se si può lavorare direttamente sulle option oppure devo fare come ho fatto sopra.
codice:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript">
$(document).ready(function() {
$(".group1").hide(); $("#tuoSelect").change(function() {
if ($(this).find("option:selected").attr("id") == "group1") $(".group1").show("normal");
else
$(".group1").hide("normal");
}).change(); });
</script>
----------------------------------------------------
codice:
<select id="tuoSelect">
<option value="Bonifico Bancario" id="group5">Bonifico Bancario
<option value="Assegno Circolare" id="group4">Assegno Circolare
<option value="Assegno di Libretto" id="group3">Assegno di Libretto
<option value="Contanti" id="group2">Contanti
<option value="Altro" selected id="group1">Altro
</select>
<input class="group1" name="tipopagamento" type="text" maxlength="35" value="prova"/>