Campo di testo con condizione

**alieno** · 29-02-2008, 16:41

Ciao a tutti, in questo codice di esempio sono presenti due campi dove nel primo l'utente effettua una scelta in un elenco a tendina e nel secondo precisa la scelta in un campo di testo. Come si fa a inserire una condizione di questo tipo:
Solo se l'utente effettua una selezione dall'elenco a tendina compare la casella di testo oppure la casella di testo è visibile ma bloccata e si sblocca solo se l'utente effettua una scelta.
Grazie mille a tutti

Codice PHP:


<head>

<meta http-equiv="Content-Language" content="it">

<style type="text/css">

<!--

.Stile2 {color: #999999}

.Stile3 {color: #FFFFFF}

.Stile7 {font-size: 13px}

-->

</style>

</head>

<table border="0" width="100%" cellspacing="3" cellpadding="2">



<tr>

        <td><div align="right">[b]Effettua una scelta[/b]<span class="Stile2">.......:</span></div></td>

        <td>

        <select size="1" name="Scelta">

        <option>Seleziona</option>

        <option value="Nessun colore">Nessun colore</option>

        <option value="rosso">rosso</option>

        <option value="verde">verde</option>

        <option value="giallo">giallo</option>

        </select></td>

    </tr>

    

<tr>

        <td><div align="right">[b]Se hai scelto un colore, motiva la ragione[/b]<span class="Stile2">.......:</span></div></td>

<td>

        <input type="text" name="ModelloAuto" size="33"></td>

    </tr>  

</table>

**dover** · 01-03-2008, 00:23

Un aiutino:
<html>
<head>
<script type="text/javascript">
function visualizza(obj, a){
var e=document.getElementById(a);
if(!e)return true;
e.style.display="block"
return true;
}

function nascondi(obj, a){
var e=document.getElementById(a);
if(!e)return true;
e.style.display="none"
return true;
}

</script>
<title></title>
</head>
<body>
<form name="Form">

<table border=0 width="100%" cellspacing="3" cellpadding="2">

<tr>
<td><div align="right">Effettua una scelta<span class="Stile2">.......:</span></div></td>
<td>
<select size="1" name="pippo" onchange="return visualizza(this, 'nascosto')">
<option value="" onselect="return nascondi(this, 'nascosto')" selected>Seleziona</option>
<option value="Nessun colore" onselect="return visualizza(this, 'nascosto')">Nessun colore</option>
<option value="rosso" onselect="return visualizza(this, 'nascosto')">rosso</option>
<option value="verde" onselect="return visualizza(this, 'nascosto')">verde</option>
<option value="giallo" onselect="return visualizza(this, 'nascosto')">giallo</option>
</select></td>
</tr> </table>
<div id="nascosto" style="display: none; margin-left: 20px;">
<table><tr>
<td>Se hai scelto un colore, motiva la ragione...</div></td>
<td>
<input type="text" name="" size="33"></td>
</tr>
</table></div>
</form>
</body>
</html>

Discussione: Campo di testo con condizione

Strumenti discussione

Ricerca discussione

Visualizza

Campo di testo con condizione

Permessi di invio