DropDownList Selectionchanged dans JavaScript ou Code-behind ?

Version imprimable

Bonjour,

Je voudrais lors du changement d'élément selectionné dans ma DropDownList, faire apparaitre ou pas un bloc selon ce qui a été selectionné.

L'idéal serait de le faire en JS, mais j'avoue que je séche un peu.

Ce que je fais pour l'instant c'est, ajouter la fonction JS à ma DDL, comme ceci :

Code:

ddl_Make.Attributes.Add("OnSelectedIndexChanged", "selectChangeVisibleBloc(" + this.ddl_Make.SelectedValue + ",document.getElementById('" + li_Bloc1.ClientID + "'),document.getElementById('" + li_Bloc2.ClientID + "'))");

la fonction JS est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function selectChangeVisibleBloc(valeur,bloc1,blocbloc2) { if(valeur == "MaValeur" ) { if(bloc1!=null){bloc1.style.display="block";} if(blocbloc2!=null){blocbloc2.style.display="none";} } else { if(bloc1!=null){bloc1.display="none";} if(blocbloc2!=null){blocbloc2.style.display="block";} } }
Le problème est que d'une part y a rien qui se passe quand je change de sélection ... D'autre part je suis pas sûre que ça fasse ce que je veux (puisque je charge au début l'élément sélectionné ...).

Est ce que vous voyez qu'est ce qui ne vas pas ? Est ce que vous pensez que je suis sur la bonne voi ? Ou allors vaut mieux partir sur le code-behind ?

Merci d'avance.

22/09/2008, 14h40
fix105

Est ce que ce ne serait pas bcp plus simple, dans l'event SelectedIndexChanged =>

Ton Bloc 1 . visible = false si ca sélectionné ou ton Bloc 2.visible = false si un autre truc sélectionné.

Tes blocs peuvent être des div ou je ne sais pas quoi d'autres.

Fix
22/09/2008, 14h41
gyzmau
a la place de onselectindexChanged dans le js met ->

"onchange"
Code:

1 2 3 ex: ddl.Attributes.Add("onchange", "if (!confirm('Are you sure you want.....?'));");
ca devrais le faire.

Je pense que ton besoin peut bien se faire en js.

Edit par rapport a Fix: Postback or not Postback telle est la question.
22/09/2008, 15h58
CUCARACHA

AJAX et Autopostback

Salut,

Pourquoi ne pas utiliser Ajax, en ajoutant un autopostback à ta drop down et en traitant ton événement côté serveur ?

++

Laurent

Citation:

Envoyé par gyzmau

a la place de onselectindexChanged dans le js met ->

"onchange"

Code:

1
2
3
 
ex:
  ddl.Attributes.Add("onchange", "if (!confirm('Are you sure you want.....?'));");

ca devrais le faire.

Je pense que ton besoin peut bien se faire en js.

Edit par rapport a Fix: Postback or not Postback telle est la question.

Merci beaucoup à toi, tu m'as mis sur la bonne voi.

voici la solution finalement :

Code:

1
2
 
  ddl.Attributes.Add("onchange",  "selectChangeVisibleBloc(" + this.ddl_Make.ClientID + ",document.getElementById('" + li_Bloc1.ClientID + "'),document.getElementById('" + li_Bloc2.ClientID + "'))");

la fonction JS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script language="javascript" type="text/javascript">
    function selectChangeVisibleBloc(ddl, li_Bloc1, li_Bloc2)
    {
            var valeur = ddl[ddl.selectedIndex].value;
            if(valeur == "MaValeur" )
            {
                    if(li_Bloc1!=null){li_Bloc1.style.display="block";}
                    if(li_Bloc2!=null){li_Bloc2.style.display="none";}
            }
            else
            {
                    if(li_Bloc1!=null){li_Bloc1.style.display="none";}
                    if(li_Bloc2!=null){li_Bloc2.style.display="block";}
 
            }
    }
    </script>

22/09/2008, 16h00
rad_hass

Citation:

Envoyé par Laurent Jordi

Salut,

Pourquoi ne pas utiliser Ajax, en ajoutant un autopostback à ta drop down et en traitant ton événement côté serveur ?

++

Laurent

J'y ai pensé au cas ou je ne trouvais pas comment le faire en JS, mais finalement it's ok !

Merci à tous.