Input dipendente da Select

[newbobotime]

Ciao Raga, urge aiutino

Ho cercato nel forum ma non ho trovato nulla.

Non avendo competeze js, non saprei come scrivere lo script.
Vorrei una volta selezionata una voce di una select, rendere visibile un campo di input diversamente nascosto.

Inotre, se possibile vorrei che non si effettuasse il reload della pagina al momento della selezione.

esempio pratico;
Avendo una select del genere, vorrei che, se l'utente clicca la voce "altro" si renda visibile il campo di input altro, appunto per rilevare il dettaglio della voce "altro"

  <select name="modello">
    <option>Seleziona il modello</option>
    <option value="mod1">modello 1</option>
    <option value="mod2">modello 2 </option>
    <option value="mod3">modello 3</option>
    <option value="altro">altro</option>
  </select>

    Inzio codice nascosto
    ---------------------
    Indica il modello no presente
    <input type="text" name="altro" id="altro"  />
    ---------------------    
    fine codice nascosto

NB - Ovviamente vorrei passare dal form entrambi i dati, ovvero:

campo select "modello" = "altro"
campo input "altro" = "quello inserito dall'utente"




grazie




.

[Vindav]

prova cosi:

<select name="modello" onchange="changeVisibility(this);">
    <option>Seleziona il modello</option>
    <option value="mod1">modello 1</option>
    <option value="mod2">modello 2 </option>
    <option value="mod3">modello 3</option>
    <option value="altro">altro</option>
  </select>
  <input type="text" name="altro" id="altro" style="visibility:hidden" />

function changeVisibility(param){
	if(param.value=="altro") document.getElementById("altro").style.visibility = "visible";
	else document.getElementById("altro").style.visibility = "hidden";
}

[newbobotime]

10ks !!

Proprio quello che volevo !!!


.

[newbobotime]

Adesso ho un altro problemuccio ....
Come faccio se dopo il sumbit avendo alcuni controlli input la voce della select riporta "altro" ma non vedo attivo il campo di input ?

Non so se mi sono spiegato comprensibilmente.

in sostanza, una volta indicato nella select "altro" dopo il submit se si torna al form
( avendo salvato in sessione con PHP i vari valori inseriti dall'utente)
la voce della select rimane "altro" ma non si rende attivo il campo di input, presumo perchè il comando è onChange sulla select, ci andrebbe anche un comando onLoad immagino ?
aiutino ?



.

[Vindav]

scusa ma utilizza la variabile che recuperi dalla sessione, se questo parametro esiste ed è uguale ad "altro" fai vedere il campo text altrimenti lo rendi invisibile, lo puoi fare anche con javascript ma io lo farei con php.

Se vuoi farlo con javascript, ti basta richiamare la funzione changeVisibility al caricamento della pagina:

changeVisibility(document.getElementByName("modello"));
function changeVisibility(param){
	if(param.value=="altro") document.getElementById("altro").style.visibility = "visible";
	else document.getElementById("altro").style.visibility = "hidden";
}

[newbobotime]

Hai ragione !
Stupido a non pensarci ho risolto con PHP


10ks


.