11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous,

J'ai actuellement un select placé dans une boucle for :

for(int i = 0;i< 25;i++)
<select id="mAgent<%=i %>" name ="mAgent<%=i%>" class="qualifperso" onchange="onSel();">
<%
	for(int k=0; k < entrep.size(); k++){
										
%>										
		<option value=<%=i%>><%=mAgent%></option>		
<% 										
	}  //fin for
%>										
</select>
}

C'est une bout de code juste pour vous situer le soucis, mais en gros j'ai a peu près 6/7 lignes de select qui mettent en option des valeurs récupérées dans une base de données.
Ces 6 ou 7 select affichent donc les mêmes données et je souhaiterai donc supprimer la valeur sélectionnée dans le select A du select B.
J'ai essayé plusieurs codes mais je n'ai pas assez d'expérience en Javascript pour réussir ce que je veux, j'ai par contre trouver l'exemple parfait de ce que je veux mais impossible de l'appliquer à mon code Smiley biggol
exemple
Voilà donc je ne demande pas forcément la solution à mon problème mais au moins à être aiguillé afin de comprendre et de réussir par moi même.
Merci d'avance pour votre aide ! Smiley smile
Modifié par killaz (11 Oct 2013 - 15:33)
killaz a écrit :
j'ai par contre trouver l'exemple parfait de ce que je veux mais impossible de l'appliquer à mon code Smiley biggol


Et c'est quoi le problème ? Tu charge bien jQuery dans ton script ?
Oui je charge bien jQuery et j'ai l'impression que je place mal mon code :

<script type="text/javascript">
$(function onSel() {
    $("select").on("change", function() {
        //reset to showing all the options
        $("select option").show(); 
    
        //for each selected option
        $("select option:selected").each(function() {
            var optionSelected = this;
            var matricule = $(this).attr("class");
            //hide the option in all the other dropdowns
            $("option." + matricule).each(function() {
                if(this != optionSelected) {
                    $(this).hide();
                }
            });
        });
    });
});
</script>


Voilà comment il est placé au début de ma page, et voici comment je l'appelle :
onchange="onSel();"

Donc je pense que c'est moi qui fait quelque chose de mal mais je ne trouve pas quoi Smiley ohwell