select e testo in base alla selezione

**-AA-** · 08-10-2012, 16:07

Vorrei che da una select, in base al valorevenisse popolato 1 DIV con il contenuto dell'ID sulla OPTION, con jquery.
esempio:

codice:

<div>
<select name="prova">
   <option value="1" id="questo è il testo da passare">UNO</option>
   <option value="2" id="passa il testo">DUE</option>
   <option value="3" id="altro testo">TRE</option>
</select
</div>

ora selezionando il "DUE" sto cercando di passare ad 1 altro DIV il testo scritto nella relativa ID

codice:

<div class="stampatesto">

passa il testo

</div>

**cavicchiandrea** · 08-10-2012, 16:15

**-AA-** · 08-10-2012, 16:16

uhmmmm

codice:

<html>
<head>
<title>JQuery - Div scorrevole</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
    $('#test').change(function(){
        $(this).children().each(function(){
            var n=$('#div-box-'+$(this).val());
            if($(this).is(':selected')) n.show('slow');
            else n.hide('fast');
        })
    })

  });
</script>
</head>
<body>

<select id="test">
	<option>SELEZIONA</option>
	<option value="prima">PRIMO VALORE</option>
	<option value="seconda">SECONDO VALORE</option>
</select>

<div id="div-box-prima" style="display:none">testo 1</div>
<div id="div-box-seconda" style="display:none">testo 2</div>

</body>
</html>

+ o - una cosa del genere solo che vorrei ottimizzare il CODICE avendo nel corpo 1 solo DIV e passando il testo dalla select, sfruttando l'ID della OPTION

**-AA-** · 08-10-2012, 16:18

Ciao Andrea
Vedo ora la tua risposta, probabile che stavamo scrivendo insieme.
La tua soluzione è corretta (ovviamente

)

secondo te però non potrei ottimizzare il codice per l'esempio che ho riportato?
mi verrebbe facile così da gestire visto che le OPTION le creo da PHP avrei un "codice + corto" per ogni option sfruttando poi JQUERY

**-AA-** · 08-10-2012, 16:20

Pardon vedo ora bene cosa mi hai consigliato...troppa fretta nel risponderti...

si potrebbe andare, per cui intanto grazie, a tuo avviso però l'esempio che ho riportato non potrebbe essere modificato all'occorrenza?

**cavicchiandrea** · 08-10-2012, 19:10

http://webandylab.altervista.org/select.html

Discussione: select e testo in base alla selezione

Strumenti discussione

Ricerca discussione

Visualizza

select e testo in base alla selezione

Permessi di invio