liste liée en suite numérique

Version imprimable

bonjour ,
j'ai deux liste liée , ma première liste contient les chiffre de 1 à 9 et je voudrai que ma deuxième liste comment a i+1 je m'explique si je sélectionne le chiffre 2 je voudrai que ma deuxième liste commence a 3 j'ai fait quelque test sauf qu'il m'efface jamais mes précèdent
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <div id ="nbpiece" style ="float :left"> Nombre de piece : entre <select name ="nbpiece" onchange ='Choix(this.form)'> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> </select> et <select name ="nbpiece2"> <option value =""></option> </select> </div>
chiffres

mon js
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function Choix(form) { var i; i = form.nbpiece.selectedIndex; for(i ;i<9 ; i++) { form.nbpiece2.options[i+1] = Option(i+2); } }

22/10/2009, 14h48
Matthieu2000

Code:

form.nbpiece2.options.length=0;

:aie:
22/10/2009, 15h34
misakilou

merci bien :)
juste un autre petit problème c'est possible de supprimer les options vide ?
si je sélectionne 4 dans la deuxième liste par exemple il met avant des cases vides
22/10/2009, 15h50
SpaceFrog

ton code est bancale il n'y pas de raison d'inserer des options vides...
il suffit de passer en paramère la selection du premier, de vider le second et d'ajouter max-param options ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<script type="text/javascript">
function foo(){
var sel1 =document.getElementById('one');
var sel2 =document.getElementById('two')
while(sel2.options[0]){sel2.removeChild(sel2.options[0]);}
sel2.options.length=0;
var start=sel1.selectedIndex+2;
opt=document.createElement('option')
pos=0
for(i=start;i<10;i++){
  newopt=opt.cloneNode(true);
  sel2.appendChild(newopt);
  sel2.options[pos++].innerHTML=i;
  }
 
 
}
 
 
</script>
</head>
 
<body>
<select id='one' onchange='foo()'>
	<option>1</option>
	<option>2</option>
	<option>3</option>
	<option>4</option>
	<option>5</option>
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>9</option>
</select>
<select id='two' >
<option>2</option>
	<option>3</option>
	<option>4</option>
	<option>5</option>
	<option>6</option>
	<option>7</option>
	<option>8</option>
	<option>9</option>
 
</select>
</body>
 
</html>