Come nascondere il TextBox in JavaScript

March 20

Quando si dispone di pulsanti di opzione in una pagina HTML, è a volte possibile nascondere le caselle di testo associate a questi pulsanti. Ad esempio, se avete una domanda del sondaggio nella pagina HTML e le risposte rispondenti in un modo che lo avrebbe precludere dalla necessità di spiegare la sua risposta in una casella di testo, è possibile nascondere la casella di testo quando il pulsante viene premuto.

istruzione

1 Accedere al server Web.

2 Aprire la pagina HTML in cui si desidera nascondere una casella di testo.

3 Fare clic nella sezione <head> della pagina e inserire questo codice:

Funzione toggleTrue (scelta) {

se (== scelto 'True') {

document.myform.other.style.visibility = 'visibile';

} altro {

document.myform.other.style.visibility = 'nascosto';

document.myform.other.value = '';

}

}

4 Fare clic nella sezione <body> della tua pagina.

5 Inserisci questo codice:

<Select name = "valori" size = "1"

OnChange = "toggleTrue (document.myform.values.options [document.myform.values.selectedIndex] .value);">

<Option value = "" selected = "selezionato"> </ option>

<Option value = "nome"> True </ option>

<Option value = "età"> false </ option>

</ Select>

<Input type = "text" name = "altro" value = "" size = "25" maxlength = "40" style = "visibility: hidden" />

6 Sostituire "True" e "False" con le opzioni che si desidera visualizzare accanto ai pulsanti di opzione.

7 Sostituire "toggleTrue" con il testo per il pulsante di opzione che nasconde la casella di testo quando si fa clic. Ad esempio, se l'opzione di pulsante di opzione sono stati "Sempre", allora questo dovrebbe dire "toggleAlways." Ricordatevi di cambiare questo codice sia nel <body> e <head> tag.

8 Pubblicare la pagina.