Select option dinamiche

**cavicchiandrea** · 07-05-2005, 10:32

Salve chiedo aiuto al forum sperando in una dritta (se possibile).

Io ho una select dove vi sono inserite delle option. Nel caso che l'argomento non sia nella lista basta selezionare l'option altro... e viene abilitato un capo text dove si può inserire manualmanete l'argomento desiderato.
Il tutto funziona corretamente, la mia domanda e la seguente è possibile aggiornare la select con una nuova option?

esempio select originale:

<option value="uno">uno</option>
<option value="due">due</option>
<option value="tre">tre</option>
<option value="altro">altro</option>

se uno seleziona altro e nel campo text inserisce "quattro" e possibile aggiornare la select che diventerà cosi:

<option value="uno">uno</option>
<option value="due">due</option>
<option value="tre">tre</option>
<option value="quattro">quattro</option>
<option value="altro">altro</option>

Non credo che si possa fare ma chiedevo conferma e voi esperti sempre molto disponibili e precisi.

Resto in attesa di vostri commenti un saluto cordiale.

**br1** · 07-05-2005, 11:28

E' possibile ma, ovviamente, vale solo per quell'utente...

f = document.mioForm;
t = f.mioText.value;
f.miaSelect.options[f.miaSelect.length] = new Option(t,t);

ciao

**cavicchiandrea** · 07-05-2005, 11:40

Grazie dalla risposta
br1
Ma il mia necessita e era di aggiornare la select in modo permanete e no temporanea solo per quella sessione.

Grazie comunque mi hai tolto i dubbi.

Ciao

**br1** · 07-05-2005, 11:56

In modo permanente... dei inviare il form con il nuovo elemento al server perche' questo sia memorizzato... puoi farlo anche senza ricaricare la pagina:

<script>
f = document.mioForm;
t = f.mioText.value;
f.miaSelect.options[f.miaSelect.length] = new Option(t,t);
miaImg = new Image();
miaImg.src = "memorizzaNuovaOption.asp?valore="+escape(t);
</script>

per evitare errori il server deve restituire un immagine... anche se piccolissima

oppure usa xmlhttp

ciao

**cavicchiandrea** · 07-05-2005, 14:11

Originariamente inviato da br1
In modo permanente... dei inviare il form con il nuovo elemento al server perche' questo sia memorizzato... puoi farlo anche senza ricaricare la pagina:

<script>
f = document.mioForm;
t = f.mioText.value;
f.miaSelect.options[f.miaSelect.length] = new Option(t,t);
miaImg = new Image();
miaImg.src = "memorizzaNuovaOption.asp?valore="+escape(t);
</script>

per evitare errori il server deve restituire un immagine... anche se piccolissima

oppure usa xmlhttp

ciao

Come da post l'utente inserendo una nouva categoria aggiorni automaticamente, oppure all'invio del form il capo select categorie aggiungendo una nuova option.
Scusa ma non conosco benissimo js il tuo esempio come posso sistemarlo, e poi il seguente passaggio non l'ho capito

miaImg.src = "memorizzaNuovaOption.asp?valore="+escape(t);

la pagina memorizzaNuovaOption.asp deve essere presente sul server? Se si cosa deve eseguire.
Scusa se approfitto della tua gentilezza, grazie e ciao

**sandroacchiardi** · 04-08-2005, 16:50

mi puoi passare il codice per vedere il text solo cliccando su altro? se qualcuno lo sa fare... purtroppo sono a digiuno di jscript

**cavicchiandrea** · 04-08-2005, 17:18

Originariamente inviato da sandroacchiardi
mi puoi passare il codice per vedere il text solo cliccando su altro? se qualcuno lo sa fare... purtroppo sono a digiuno di jscript

Ho buttato giu questo al volo vedi se puo funzionare:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>

<body>
<form name="form1" id="form1" method="post" action="">
  <select name="ListaVoci" id="ListaVoci" onchange="if(this.options[this.selectedIndex].value=='Altro'){document.form1.NuovaVoce.disabled=false;document.form1.NuovaVoce.focus();}else{document.form1.NuovaVoce.disabled=true}">
    <option value="0" selected="selected">Seleziona</option>
    <option value="1">Campo1</option>
    <option value="2">Campo2</option>
    <option value="3">Campo3</option>
    <option value="4">Campo4</option>
    <option value="Altro">Altro</option>
  </select>
  <input name="NuovaVoce" type="text" disabled="true" onblur="if(this.value!=''){document.form1.ListaVoci.disabled=true}else{document.form1.ListaVoci.disabled=false}" onkeyup="if(this.value!=''){document.form1.ListaVoci.disabled=true}else{document.form1.ListaVoci.disabled=false}" />
</form>
</body>
</html>

Ciao

**sandroacchiardi** · 04-08-2005, 17:36

ottimo
funge alla perfezione
ciao

**sandroacchiardi** · 05-08-2005, 11:59

lo script di ieri funziona ok
ora mi servirebbe fare una leggera modofica

infatti vorrei al click di una option particolare che mi proiettasse su un campo text bloccando la select di origine ma al tempo stesso posso tenere memorizzata la select oroginaria disabilitata?

nello script precedente invece quando mi proiettava sul text non mi teneva più conto della select selezionata inizialmente

... grazie

**br1** · 05-08-2005, 13:23

Originariamente inviato da sandroacchiardi
lo script di ieri funziona ok
ora mi servirebbe fare una leggera modofica

infatti vorrei al click di una option particolare che mi proiettasse su un campo text bloccando la select di origine ma al tempo stesso posso tenere memorizzata la select oroginaria disabilitata?

nello script precedente invece quando mi proiettava sul text non mi teneva più conto della select selezionata inizialmente

... grazie

VVoVe: e basta!!!! cinque discussioni sullo stesso argomento

Primo e ultimo avviso

ciao

ps: scusa cavicchiandrea, se vuoi puoi aprire un'altra discussione per il tuo problema... e grazie per i tuoi interventi

Discussione: Select option dinamiche

Strumenti discussione

Ricerca discussione

Visualizza

Select option dinamiche

text vedibile al click di option

Re: text vedibile al click di option

form funzionante

option select dinamiche

Re: option select dinamiche

Permessi di invio