- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- form con aggiunta automatica di input
-
form con aggiunta automatica di input
salve, vorrei sapere se è possibile, e come posso fare per realizzare un form che faccia questo,
in pratica ho un select con varie opzioni, l'ultima l'ho chiamata "Altro", dato che devo sapere precisamente cosa vuole inserire un utente nel form, vorrei sapere come posso fare per far si che appena un utente seleziona la voce altro, in automatico mi esca un campo input text dove l'untete specifica quello che voleva.... help :S
-
Prova a vedere se questo può fare al caso tuo.
[php]
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function controlla(valore)
{
var campo;
campo=document.getElementById("altro");
if(valore=="altro")
{
campo.style.display="block";
}
else
{
campo.style.display="none";
}
}
</script>
</head>
<body>
<form id="mioform" name="mioform" method="post">
<div>
<select name="opzioni" id="opzioni" onchange="controlla(this.value)" >
<option value="opzione1">OPZIONE1</option>
<option value="opzione2">OPZIONE2</option>
<option value="opzione3">OPZIONE3</option>
<option value="altro">ALTRO</option>
</select>
</div>
<div>
<input type="text" id="altro" name="altro" style="display:none" />
</div>
</form>
</body>
[/php]
-
Perfetto grazie puoi anche chiudere
-
ma questo script funziona anche su gli inpunt tipo radio giusto???
basta che invece di onchange metto onclick.... vero????
se è vero xkè non funziona :S:S::S
-
A me sembra funzionare.
[php]
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function controlla(valore)
{
var campo;
campo=document.getElementById("altro");
if(valore=="altro")
{
campo.style.display="block";
}
else
{
campo.style.display="none";
}
}
</script>
</head>
<body>
<form id="mioform" name="mioform" method="post">
<div>
<input type="radio" id="opzione" name="opzione" value="opzione1" onclick="controlla(this.value)" />
OPZIONE 1
<br />
<input type="radio" id="opzione" name="opzione" value="opzione2" onclick="controlla(this.value)" />
OPZIONE 2
<br />
<input type="radio" id="opzione" name="opzione" value="opzione3" onclick="controlla(this.value)" />
OPZIONE 3
<br />
<input type="radio" id="opzione" name="opzione" value="altro" onclick="controlla(this.value)" />
ALTRO
<br />
</div>
<div>
<input type="text" id="altro" name="altro" style="display:none" />
</div>
</form>
</body>
[/php]
