select box da select box

**pierchi** · 08-06-2003, 17:28

è possibile avere una semplice select box, con i numeri da 1 a 10,

e qusando viene selezionato il numero...

appaiono delle select box a seconda del numero selezionato?

(se seleziono 5, mi devono apparire 5 select box)

**Mackho** · 08-06-2003, 17:40

Originariamente inviato da pierchi
è possibile avere una semplice select box, con i numeri da 1 a 10,

e qusando viene selezionato il numero...

appaiono delle select box a seconda del numero selezionato?

(se seleziono 5, mi devono apparire 5 select box)

penso tu debba usare tipo asp o php

**pierchi** · 08-06-2003, 17:44

Originariamente inviato da Mackho
penso tu debba usare tipo asp o php

non credo....

ma non ne sono sicuro...

boh

**Mems** · 08-06-2003, 18:18

Si. Si usa Javascript.
Prendi spunto e sistemalo:

codice:

<html>
<head><title></title>
<body>
<form>
<select name="prima" onChange="aggiungi(this.value);">
<option value="0">0</option>
<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>
<script language="javascript">
function aggiungi(obj){
for (x=1; x<obj; x++){
    document.write('<select name="'+x+'"></select>\n');
    }
}
</script>
</form>
</body>
</html>

**pierchi** · 08-06-2003, 19:43

Originariamente inviato da Mems
Si. Si usa Javascript.
Prendi spunto e sistemalo:

codice:

<html>
<head><title></title>
<body>
<form>
<select name="prima" onChange="aggiungi(this.value);">
<option value="0">0</option>
<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>
<script language="javascript">
function aggiungi(obj){
for (x=1; x<obj; x++){
    document.write('<select name="'+x+'"></select>\n');
    }
}
</script>
</form>
</body>
</html>

l'ho provato solamente 5 secondi...

ma... la sect box, non si deve cancellare... e neppure tutto il resto del documento...

comunque stasera, lo provo più a fondo, poi ti faccio sapere

**pierchi** · 08-06-2003, 19:46

mi crea proprio un nuovo documento e io non voglio...

me lo deve aggiungere nella stessa pagina...

si può fare?

**alidik** · 08-06-2003, 22:37

prova questo esempio:

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

**pierchi** · 08-06-2003, 23:15

il secondo esempio va bene... ma come faccio a farle apparire tutte e due quando premo sul 2

se premo 1, mi appare la prima
e quando premo il 2, mi devono apparire entrambe!

**pierchi** · 09-06-2003, 07:40

UPissa

**Sgnafurz** · 09-06-2003, 09:47

prova questo
manca l'azzeramento dei select creati

codice:

<html>
<head>

  <script language="javascript">
     function creaOggetto(){
        var formObj = document.forms['formino']
        var indice = formObj.elements['seleziona'].selectedIndex;
        var 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) 
        }
     }
  </script>
</head>
<body>
  <form action="" method="GET" name="formino">
   <select name="seleziona" onChange="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>

Discussione: select box da select box

Strumenti discussione

Ricerca discussione

Visualizza

select box da select box

Re: select box da select box

Re: Re: select box da select box

Permessi di invio