Augmenter les choix dans un combobox en fonction du champ

**maskk** · 14/02/2013, 08h55

Bonjour à vous ,
Je viens de réaliser un code qui marche sous firefox seulement étant en entreprise l'application doit fonctionner sous IE8.
Pourriez vous m'aider car je coince un peu ?

Code :

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

1
2
3
4
5
6
function sortiechamp(element)
{
 var selectionsite = document.getElementById("selectionsite");
 
 if (element.value == "j.negre"){selectionsite.innerHTML="<select multiple size='5'><option value='SEAE' selected>Session SEAE</option><option value='MACEDO'>Session MACEDO</option><option value='LTA'>Session SEAE/LTA</option><option value='SVG-FR'>Sauvegarde SEAE-FR</option><option value='SVG-PT'>Sauvegarde SEAE-PT</option></select>";}
}

ma deuxieme partie de code :

Code html :

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

1
2
3
4
5
<select name="base" size="3" id="selectionsite">
		<option value="SEAE" selected>Session SEAE</option>
		<option value="MACEDO" <%if Trim(request.form("base"))="MACEDO" then%> selected <%End if%>>Session MACEDO</option>
	        <option value="LTA" <%if Trim(request.form("base"))="LTA" then%> selected <%End if%>>Session SEAE/LTA</option>
</select>

Lorsque j'enleve mon selectionsite.innerHTML du <select> et que je le met dans une autre balise un <p> par exemple tout marche.
Donc l'erreur se situe au niveau du <select> (celon moi) .

Merci d'avance pour vos idées

**Bovino** · 14/02/2013, 09h01

Ben oui...
selectionsite correspond à ton select, donc vouloir mettre un select dans un select, c'est bien mais pas top !

**maskk** · 14/02/2013, 09h09

Envoyé par Bovino

Ben oui...
selectionsite correspond à ton select, donc vouloir mettre un select dans un select, c'est bien mais pas top !

Oui effectivement Bovino

Le probleme c'est que quand je met <option> sans le <select> sous firefox tout marche bien ! Mais sous IE meme le select ne s'affiche plus

(tout apparait mais le select est vide)

**maskk** · 14/02/2013, 11h54

Alors voila j'ai trouvé ma solution :

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
<script>
function AjoutOption(element){
/* Recupere la valeur du champ selectionsite */
var selectionsite = document.getElementById("selectionsite");
 
/*Remet les 3 premières options par défaut */
var oSelect = selectionsite
        oSelect.options.length=3;
 
var objtselect = document.forms.monform.selectionsite;
var dmc = document.createElement("option");
var dmc1 = document.createElement("option");
 
/*ajout de mes options */
dmc.text = "Sauvegarde-FR" ;
dmc.value = "SVG-FR";
dmc1.text = "Sauvegarde-PT" ;
dmc1.value = "SVG-PT";
 
/*si mon champ = valeurduchamp alors j'ajoute mes options */
if (element.value == "valeurduchamp"){
	objtselect.add(dmc);
	objtselect.add(dmc1);
}
}
</script>

Dans mon document html il faut que je rajoute un ID à mon <form>

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /></head>
<body>
<form method="post" action="" id="monform">
 
<!-- Lorsque je quitte mon champ la fontcion Ajout option se lance -->
<input type="text" size="12" name="id" onBlur="AjoutOption(this)">
 
<!-- Mon select qui va être changé -->
<select name="base" size="3" id="selectionsite">
<option value="BaseMachin" selected>Base Machin</option>
<option value="BaseMachin1" selected>Base Machin1</option>
<option value="BaseMachin2" selected>Base Machin2</option>
</select>
</body>
</html>

Voila j'ai tout commenté et mis au propre en espérant que ca puisse servir à quelqu'un d'autre ....
Ps : si jamais un meilleur codeur que moi passe dans le coin et me propose un code un peu plus allégé je suis prenant !

Augmenter les choix dans un combobox en fonction du champ

JavaScript

Vue hybride

Discussions similaires

Partager

Partager