mostrare campo form solo se un altro campo è compilato

**leaf** · 12-11-2014, 20:04

ciao, mi è stato consigliato di scrivere qui..dunque, ho una form con tot campi..voglio che se uno di questi è compilato, ne compaia un altro sotto (nella stessa pagina quindi, prima di inviare i dati), che altrimenti resti invisibile.. non sono espertissimo di js..avete qualche suggerimento?
grazie,
L.

**badaze** · 12-11-2014, 20:55

Prova cosi.

codice HTML:

<html>
<head>
<script>
function pippo() {
        var c2 = document.getElementById("campo2");
    if (document.getElementById("campo1").value == '') {
        c2.value = "";
        c2.style.visibility = 'hidden';
    } else {
        if(c2.style.visibility == 'hidden') {
            c2.style.visibility = 'visible';
        }
    }
}
</script>
</head>
<body>
Campo 1 <input type="text" id="campo1" onkeyup="pippo();"/><br>
Campo 2 <input type="text" id="campo2" style="visibility:hidden"/><br>
</body>
</html>

**cavicchiandrea** · 12-11-2014, 21:04

codice:

<input name="uno" id="uno" type="text" onBlur="if(this.value!=''){document.getElementById('uno_bis').style.visibility='visible'}else{document.getElementById('uno_bis').style.visibility='hidden'}">
<input name="uno_bis" id="uno_bis" type="text" style="visibility:hidden;">

**leaf** · 12-11-2014, 21:25

grazie! ma se volessi che non solo il campo input, ma tutta la riga di una tabella (contenente un titolo e un campo input) comparisse? è fattibile?

inoltre, se il fattore discriminante dovesse essere un campo di una select? nel senso, se selezione il valore 1 della select, non compare nulla, se seleziono i lvalore 2, compare il campo nascosto

grazie

L.

**badaze** · 12-11-2014, 22:15

Cosi.

codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function pippo() {
        var c2 = document.getElementById("riga");
        if (document.getElementById("campo1").value == '') {
            document.getElementById("campo2").value ="";
            c2.style.visibility = 'hidden';
        } else {
            if(c2.style.visibility == 'hidden') {
                  c2.style.visibility = 'visible';
            }
        }
}
</script>
<title></title>
</head>
<body>
<table>
    <tr>
       <td>Campo 1</td>
      <td><input type="text" id="campo1"  onkeyup="pippo();" ></td>
    </tr>
    <tr id='riga' style="visibility:hidden">
        <td>Campo 2</td>
      <td><input type="text" id="campo2"></td>
       </tr>
</table>
</body>
</html>

**badaze** · 12-11-2014, 22:19

Con select.

codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function pippo() {
        var c2 = document.getElementById("riga");
        if (document.getElementById("campo1").value == '--') {
            document.getElementById("campo2").value ="";
            c2.style.visibility = 'hidden';
        } else {
            if(c2.style.visibility == 'hidden') {
                  c2.style.visibility = 'visible';
            }
        }
}
</script>
<title></title>
</head>
<body>
<table>
    <tr>
       <td>Campo 1</td>
      <td><select id="campo1" onchange="pippo()">
           <option value="--">-- Seleziona --</option>
           <option value="1">Uno</option>
         <option value="2">Due</option>
         <option value="3">Tre</option>
        </select>
      </td>
    </tr>
    <tr id='riga' style="visibility:hidden">
        <td>Campo 2</td>
      <td><input type="text" id="campo2"></td>
       </tr>
</table>
</body>
</html>

**leaf** · 12-11-2014, 23:28

perfetto grazie!

Ultima cosa, il form si trova dentor a una table. I bordi esterni della table però lasciando dello spazio vuoto dove dovrebbero comparire i campi hidden..si può dire alla tabella di gestire la sua dimensione in base alle celle che sono presenti in quel momento?
ciao e grazie
L.

**leaf** · 14-11-2014, 06:58

risolto..invece..sto provando a riadattare il codice per fare questa cosa: un campo nel quale viene inserito un numero. quel numero determina quante select vengono inserite nella pagina..il numero (tramite una funzione js) l'ho assegnato a una variabile però come faccio a portare la variabile dalla funzione js a php?
o c'è qualche altro modo di fare questa cosa?

grazie

L.

**leaf** · 20-11-2014, 19:29

up

**badaze** · 20-11-2014, 19:39

Non capisco cosa vuoi fare.

Discussione: mostrare campo form solo se un altro campo è compilato

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

mostrare campo form solo se un altro campo è compilato

Permessi di invio