[javascript] select dinamico

**kjar** · 26-08-2005, 19:28

sto realizzando un piccolo modulo (form) di prenotazione camere per un albergo di cui gestisco il sito web

ho una campo select dove l'utente deve scegliere il numero di persone che devono prenotare...

<select name="numero_persone">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

se l'opzione scelta è più di uno, mi dovrebbe comparire altri campi di testi (<input type="text" name="nome">)

esempio: se l'utente scegli 3 persone mi dovrebbe comparire altre 2 campi per inserire il nome

se potete aiutarmi, vi ringrazio mooolto!!

**oronze** · 27-08-2005, 10:32

nell'head del documento metti:

codice:

<script type="text/javascript">
function recupera(name_ID) {
return (document.all)?document.all[name_ID]:(document.getElementById)?document.getElementById(name_ID):null
}

function add_campo(rec){
for(i=0;i<rec;i++){
recupera('campi').innerHTML="<input type='text' id='persona"+(i+1)+"'>";
}
}
</script>

la select modificala così:
<select onChange="add_campo(this[this.selectedIndex].value)">
e dove vuoi che vengano aggiungi i campi mettici
<div id="campi"></div>

fammi sapere

**kjar** · 27-08-2005, 11:58

Innanzitutto grazie per la risp...

Vedo che nel codice cè un smile "

" quindi al posto di questo cosa cè? Questo: " : ( " ??

Cmq fo fatto proprio come dici tu ma niente, non funziona

**oronze** · 27-08-2005, 12:40

ok, te lo faccio dopo pranzo....!

**oronze** · 27-08-2005, 12:52

ce l'ho fatta anche prima di pranzo....ho perfezionato qualcosina.....

adattatelo tu alla pagina:

codice:

<html>
<head>

<script language="Javascript">
function recupera(name_ID) { 
	return (document.all)?document.all[name_ID]:(document.getElementById)?document.getElementById(name_ID):null 
}
function add_campo(rec){
if (recupera('campi').innerHTML==''){
for(i=0;i<(rec-1);i++){
recupera('campi').innerHTML+="<input type='text' id='persona"+(i+1)+"'>
";
}
}
else{
recupera('campi').innerHTML=" ";
for(i=0;i<(rec-1);i++){
recupera('campi').innerHTML+="<input type='text' id='persona"+(i+1)+"'>
";
}
}
}
</script>
</head>
<body>
<form>
<select name="numero_persone" onChange="add_campo(this[this.selectedIndex].value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select> 
<div id="campi"></div>
<input type="submit">
</form>
</body>
</html>

**kjar** · 27-08-2005, 17:57

più tardi sono a casa e provo..... grazie!
mi hai salvato la vita hahahahaha

**ertos** · 25-09-2006, 12:04

Ciao ragazzi anchio devo realizzare un form come il vostro, ho provato il codice e non funziona...come mai?? Non crea i campi di testo input...fatemi sapere qualkosa...vi ringrazio in anticipo.

ciao ciao

Discussione: [javascript] select dinamico

Strumenti discussione

Ricerca discussione

Visualizza

[javascript] select dinamico

risposta

Permessi di invio