Mostrare div nascosto con dati da db

**marocco82** · 19-02-2014, 17:45

Salve a tutti,
ho cercato una soluzione ma senza esito positivo.

In un form all'interno di una scheda clienti ho due select "A" e "B". "A" ha due options "Si" e "No". Se su "A" seleziono "Si", la select "B", precedentemente nascosta, compare nel form e posso selezionare una delle options disponibili.
E fin qui nessun problema.
Il problema nasce nel momento in cui, una volta salvata la scheda cliente, rientro nella scheda per modificarla: compare solo la select "A" con la option "Si" ma la select "B" non vuole saperne di farsi vedere. Per vederla devo riselezionare "Si" dalla select "A" e solo a quel punto compare la select "B" con la option selezionata.
Potreste aiutarmi a risolvere il problema? Di seguito il codice che utilizzo:

codice:

<head>
<script> function MiaFunz(Valore){ 
var ref = document.getElementById('n0'); 
if (Valore=="Si"){ 
ref.style.display='block'; 
} 
else{ 
ref.style.display='none'; 
} 
} 
</script>
</head>

<body>

<select name="tetto" id="tetto" onChange="MiaFunz(gest.tetto.value);" >
               <option value="<%=rs("tetto")%>"><%=rs("tetto")%></option>
               <option value="Si">Si</option>
               <option value="No">No</option>
             </select>

<div style="display:none;" id="n0">
       <font face="tahoma">
         <small>
          <strong>Mq tetto:</strong> <input name="mq_tetto" type="text" id="mq_tetto" size="10" value="<%=rs("mq_tetto")%>">
         </small>
       </font></div>

Grazie mille

**cavicchiandrea** · 19-02-2014, 17:56

codice:

<head>
<script> function MiaFunz(Valore){ 
var ref = document.getElementById('n0'); 
if (Valore=="Si"){ 
ref.style.display='block'; 
} 
else{ 
ref.style.display='none'; 
} 
} 
</script>
</head>

<body>

<select name="tetto" id="tetto" onChange="MiaFunz(gest.tetto.value);" >
               <option value="<%=rs("tetto")%>"><%=rs("tetto")%></option>
               <option value="Si">Si</option>
               <option value="No">No</option>
             </select>
<script> 
var sel = document.getElementById('tetto'); 
if (sel.options[sel.selectedIndex].value=="Si"){ 
document.getElementById('n0').style.display='block'; 
} 
</script>
<div style="display:none;" id="n0">
       <font face="tahoma">
         <small>
          <strong>Mq tetto:</strong> <input name="mq_tetto" type="text" id="mq_tetto" size="10" value="<%=rs("mq_tetto")%>">
         </small>
       </font>
</div>

**marocco82** · 19-02-2014, 18:13

Originariamente inviata da cavicchiandrea

codice:

<head>
<script> function MiaFunz(Valore){ 
var ref = document.getElementById('n0'); 
if (Valore=="Si"){ 
ref.style.display='block'; 
} 
else{ 
ref.style.display='none'; 
} 
} 
</script>
</head>

<body>

<select name="tetto" id="tetto" onChange="MiaFunz(gest.tetto.value);" >
               <option value="<%=rs("tetto")%>"><%=rs("tetto")%></option>
               <option value="Si">Si</option>
               <option value="No">No</option>
             </select>
<script> 
var sel = document.getElementById('tetto'); 
if (sel.options[sel.selectedIndex].value=="Si"){ 
document.getElementById('n0').style.display='block'; 
} 
</script>
<div style="display:none;" id="n0">
       <font face="tahoma">
         <small>
          <strong>Mq tetto:</strong> <input name="mq_tetto" type="text" id="mq_tetto" size="10" value="<%=rs("mq_tetto")%>">
         </small>
       </font>
</div>

Grazie mille per la risposta, Andrea.

Ho provato a modificare come da te descritto ma non succede nulla...

Grazie ancora

**Vindav** · 19-02-2014, 18:38

Sposta la parte di codice che ha aggiunto Andrea a fondo pagina

**marocco82** · 19-02-2014, 18:49

Originariamente inviata da Vindav

Sposta la parte di codice che ha aggiunto Andrea a fondo pagina

Yesssssss!!!

Tutto risolto!
Grazie mille Vindav e Andrea.

Vi auguro una buona serata.

Discussione: Mostrare div nascosto con dati da db

Strumenti discussione

Ricerca discussione

Visualizza

Mostrare div nascosto con dati da db

Permessi di invio