[jquery] mostra /nascondi textarea e recupero valore menu tendina e textarea

**LedGiallo** · 30-09-2014, 11:40

Perché questo codice con l'ultima versione di jquery scaricata oggi,
non funziona e non fa nessun effetto.

codice:

<!DOCTYPE html><head>
<title>Textarea</title>
<script src="jquery-1.11.1.min.js"></script>
<script>
var textarea = $('textarea');
textarea.hide();
$('#select').change(function() {
    if ($(".yes:selected").val() == 1) {
        textarea.show();
    }
    else {
        textarea.hide();
    }
});
</script>
</head>
<html>
<body>
<select id="select" name="management">
    <option value="0" selected="">Select One</option>
    <option class='yes' value="1">Yes</option>
    <option class='no' value="0">No</option>
</select>
<textarea id="textarea" name="searching_gig_des" wrap="VIRTUAL" cols="50" rows="5"></textarea>
</body>
</html>

lo preso da qui:
http://jsfiddle.net/uMTmm/1/

lo trovato tramite google.

mi dite come posso fare?

grazie mille.

**EliBelTI** · 30-09-2014, 15:16

probabilmente è perchè cerchi di fare il codice javascript prima che la pagina sia stata creata. prova a metterci il document.ready.
io per abitudine metto il codice javascript in fondo alla pagina, ti mando la mia prova.

<!DOCTYPE html>

<head>

<title>Textarea</title>

</head>

<body>

<option value="0" selected="">Select One</option>

</select>

$(document).ready(function(){

var textarea = $('textarea');
textarea.hide();
$('#select').change(function() {
if ($(".yes:selected").val() == 1) { textarea.show(); }
else { textarea.hide(); }
});

});

</script>

</body>

</html>

**LedGiallo** · 30-09-2014, 16:05

grazie mille e ora fatto cosi funziona

e poi come faccio e recuperare il contenuto della textarea e del menu .
mi protesti fare un esempio con l'alert ,che poi se riesco lo traduco per il php.

ti ringrazio molto.

**LedGiallo** · 30-09-2014, 16:08

ok, sto facendo .. ma ho un problema io vorrei che mi mostra e si nasconda la textarea solo con il nome content_full

come si può fare?

grazie mille.

**EliBelTI** · 30-09-2014, 16:39

per prendere il valore della text gli devi dare un id (al momento l'id è textarea) e poi con jquery richiami $("#textarea").val()

**EliBelTI** · 30-09-2014, 16:40

in che senso con il nome content_full?

**EliBelTI** · 30-09-2014, 16:57

ti rimando il codice con la presa dei valori

<!DOCTYPE html>

<head>

<title>Textarea</title>

</head>

<body>

<option value="0" selected="">Select One</option>

</select>

$(document).ready(function(){

var textarea = $('textarea');

textarea.hide();

$('#select').change(function() {

if ($(".yes:selected").val() == 1) { textarea.show(); }

else { textarea.hide(); }

});

$("#prendi").click(function(){

var valoreTextarea = $("#textarea").val();

var valoreSelect = $("#select").val();

alert(valoreTextarea + " - " + valoreSelect);

});

</script>

</body>

</html>

**LedGiallo** · 30-09-2014, 17:44

cosi:

codice:

<tr>            <td>Content</td>
            <td><textarea name="content" cols="50" rows="10"><?php if(isset($_POST['content'])){echo $_POST['content'];}?></textarea></td>
            </tr>
            <tr>
			<td>
			<select id="select" name="content_view">
<option value="0" selected="">Select One</option>
<option class='yes' value="1">Yes</option>
<option class='no' value="0">No</option>
</select>
</td>
<td>
<textarea id="textarea" name="content_full" wrap="VIRTUAL" cols="50" rows="10"><?php if(isset($_POST['content_full'])){echo $_POST['content_full'];}?></textarea>
<script type="text/javascript">
$(document).ready(function(){
var textarea = $('textarea');
textarea.hide();
$('#select').change(function() {
if ($(".yes:selected").val() == 1) { textarea.show(); }
else { textarea.hide(); }
});
});
</script></td>
            </tr>

ma mi fa sparire anche l'altra textarea che ho nella form.

mi dici come fare?

poi per prendere il valore è tutto ok, mi è già riuscito..

l'unico che se faccio no al menu tendina mi sparisce anche la textarea che ho sopra di quella.

grazie mille.

**EliBelTI** · 30-09-2014, 17:59

si, perchè scrivendo $("textarea") ti prende tutti i tag di tipo textarea che ci sono nella pagina, se vuoi prenderne solo uno gli devi attribuire un id (univoco nella pagina) e richiami quello in questo modo $("#tuoId")

**LedGiallo** · 30-09-2014, 19:55

Originariamente inviata da EliBelTI

si, perchè scrivendo $("textarea") ti prende tutti i tag di tipo textarea che ci sono nella pagina, se vuoi prenderne solo uno gli devi attribuire un id (univoco nella pagina) e richiami quello in questo modo $("#tuoId")

fatto e funziona.. ti ringrazio molto. buona serata.

Discussione: [jquery] mostra /nascondi textarea e recupero valore menu tendina e textarea

Strumenti discussione

Ricerca discussione

Visualizza

[jquery] mostra /nascondi textarea e recupero valore menu tendina e textarea

Permessi di invio