select box da select box

**pierchi** · 09-06-2003, 10:01

GRAZIE Sgnafurz, ma non va bene...

si devono (nel caso) azzerare...

andava bene il secondo script che mi avete postato... ma non so come modificarlo

**Dennis** · 09-06-2003, 10:09

proviamo

<html>
<head>
<title>Untitled</title>
<script>
function visualizza() {
if (document.getElementById("s0").value=="0"){
document.getElementById("s1").style.visibility="hi dden";
document.getElementById("s2").style.visibility="hi dden";
}
if (document.getElementById("s0").value=="1"){
document.getElementById("s1").style.visibility="vi sible";
document.getElementById("s2").style.visibility="hi dden";
}
if (document.getElementById("s0").value=="2"){
document.getElementById("s1").style.visibility="vi sible";
document.getElementById("s2").style.visibility="vi sible";
}
}
</script>
</head>

<body>
<select name="s0" id="s0" onchange="visualizza();">
<option value="0"></option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select name="s1" id="s1" style="visibility:hidden">
<option value="1">1</option>
<option value="2">2</option>
</select>
<select name="s2" id="s2" style="visibility:hidden">
<option value="1">1</option>
<option value="2" selected>2</option>
</select>
</body>
</html>

**Sgnafurz** · 09-06-2003, 10:31

allora cosi, dai che va

codice:

<html>
<head>

  <script language="javascript">
     var valore = 0;
  
     function creaOggetto(){
        var formObj = document.forms['formino']
        var indice = formObj.elements['seleziona'].selectedIndex;
        valore = formObj.elements['seleziona'].options[indice].value
        for(var i= 0; i < valore; i++){
            var newElem =document.createElement("select");
            newElem.id="nuovo"+i;
            document.getElementById('formino').appendChild(newElem) 
        }
     }
     
     function azzeraOggetto(){
        var formObj = document.forms['formino']
        for (var i=0; i<valore; i++){
           var elem = formObj.elements['nuovo' + i]
           document.getElementById('formino').removeChild(elem)
        }
     
     }
  </script>
</head>
<body>
  <form action="" method="GET" name="formino">
   <select name="seleziona" onChange="azzeraOggetto();creaOggetto();">
     <option value="1">1</option>
     <option value="2">2</option>
     <option value="3">3</option>
     <option value="4">4</option>
     <option value="5">5</option>
     <option value="6">6</option>
     <option value="7">7</option>
     <option value="8">8</option>
     <option value="9">9</option>
     <option value="10">10</option>                          
   </select>
  </form>
</body>
</html>

**pierchi** · 09-06-2003, 10:48

perfetto

benissimo

ma dove imposto la select box, che appare?

dove posso personalizzarla? non la vedo

**Sgnafurz** · 09-06-2003, 10:54

Originariamente inviato da pierchi
perfetto

benissimo

ma dove imposto la select box, che appare?

dove posso personalizzarla? non la vedo

quella parte di script non c'è
è da fare
dipende da cosa ci vuoi mettere
cosa dovrebbero contenere i nuovi select?

**pierchi** · 09-06-2003, 11:18

devono contenere dei nomi (5) uguali per pgni select box,

forse ora pretendo troppo...

ma si può anche far apparire del semplice testo in parte alla select box?

magari con formattazione (tabella)????

**Sgnafurz** · 09-06-2003, 11:20

Originariamente inviato da pierchi
devono contenere dei nomi (5) uguali per pgni select box,

forse ora pretendo troppo...

ma si può anche far apparire del semplice testo in parte alla select box?

magari con formattazione (tabella)????

si pretendi troppo :gren:
no cmq con i metodi appendChild ecc del DOM puoi inserire quasi tutto, ti consiglio di cominciare con i nomi nel select box però

se hai un pò di tempo vediti ilo comando new Option() per creare nuovi option in un select

**pierchi** · 09-06-2003, 11:26

ok.. a mezzogiorno ce provo

Discussione: select box da select box

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio