[JQuery] visualizzare una textarea tramite select

**newbobotime** · 27-03-2013, 14:13

ciao Raga urge aiutino

ho un form con una textarea hidden vorrei visualizzarla solamente se l'utente seleziona una voce all'interno di una select (per esempio; "altro"), vorrei fare il tutto con jquery ma non so come fare.

sono riuscito a gestire tramite radio button (vedi codice), la visualizzazione di due div contenenti altrettanti form, ma mi sono arreso con la select immagino si debba indicare un event change ma non so come impostarlo, mi aiutate ?

thanks

codice:

            $('#nome_div1').hide();
            $('#nome_div2').hide();

            $("#radio_button1").click(function() {	
                $("#nome_div1").fadeToggle("slow", "linear");
                $('#nome_div2').hide();
            });

            $("#radio_button2").click(function() {	
                $("#nome_div2").fadeToggle("slow", "linear");
                $('#nome_div1').hide();
            });

.

**Vindav** · 27-03-2013, 14:51

l'impostazione è sempre la stessa, cambia solo l'evento che sarà change invece di click

**newbobotime** · 27-03-2013, 19:17

uhm...

devo fare venire fuori la textarea (contenuta nel div "desc_altro") solo se l'utente seleziona la voce "altro" della select, ho bisogno di ottenerla da un evento change rilevando il valore della <option></option>

ho scritto il codice sotto riportato e sembra funzionare.

codice:

            
<script>
             $(document).ready(function(){
                $('#desc_altro').hide(); 

                $('#tipo').val("altro").change(function() {
                   if($(this).attr('value') == 1){
                    $("#desc_altro").show();
                   }
                   else{
                    $("#desc_altro").hide();
                   };
                });
            });
            </script>

purtroppo è un accrocchio che non soddisfa tutti i miei bisogni, per farlo funzionare ho ovuto inserie un valore statico nella option

codice:

<option value="1">Altro</option>

vorrei gestire la condizione IF rilevando un attributo testo e non variabile ma non so come fare.

ho trovato questo esempio nella documentazione JQ

codice:

<!DOCTYPE html>
<html>
<head>
<style>
div { color:red; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<select name="sweets" multiple="multiple">
<option>Chocolate</option>
<option selected="selected">Candy</option>
<option>Taffy</option>
<option selected="selected">Caramel</option>
<option>Fudge</option>
<option>Cookie</option>
</select>
<div></div>
<script>
$("select").change(function () {
var str = "";
$("select option:selected").each(function () {
str += $(this).text() + " ";
});
$("div").text(str);
})
.change();
</script>
</body>
</html>

ecco io vorrei gestire con l'if la var "str" ma come fare ?

.

**newbobotime** · 30-03-2013, 09:08

Inrealtà con qualche piccolo ritocco lo script che avevo abbozzato funge benissimo alla bisogna, lo riporto nel caso servisse a qualcuno.

codice:

// div_descrizione_altro = il div dov'è contenuta la textarea "descrizione_altro" (settata come hidden)
// option_tipo = l'id della select

<script>
 $(document).ready(function(){
		$('#div_descrizione_altro').hide(); 

		$('#option_tipo').val("").change(function() {
			 if($(this).attr('value') == "altro"){
				$("#div_descrizione_altro").show();
			 }
			 else{
				$("#div_descrizione_altro").hide();
			 };
		});
});
</script>

.

Discussione: [JQuery] visualizzare una textarea tramite select

Strumenti discussione

Ricerca discussione

Visualizza

[JQuery] visualizzare una textarea tramite select

Permessi di invio