liste liée en suite numérique

**misakilou** · 22/10/2009, 14h42

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
 
	}
 
}

**Matthieu2000** · 22/10/2009, 14h48

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

form.nbpiece2.options.length=0;

**misakilou** · 22/10/2009, 15h34

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

**SpaceFrog** · 22/10/2009, 15h50

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 ...

**SpaceFrog** · 22/10/2009, 17h30

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

liste liée en suite numérique

JavaScript

Discussions similaires

Partager

Partager