Discussion :

[coco-loco]

Bonjour � tous,

j'ai cr�e une liste d�roulante (<select>) dans un usercontrol, je publie une s�rie de propri�t�s (SelectedIndex, SelectedText, SelectedItem) qui fonctionnent tr�s bien sous C# et j'arrive � remplir le contr�le avec des donn�es provenant de ma base.

Par contre, je n'arrive pas � acc�der � ces propri�t�s en javascript.
Ce serait sympa si quelqu'un pourrait me dire comment je publie les propri�t�s pour les rendre accessibles par javascript.

Merci d'avance

[d-Rek]

Comment cr�es-tu ton select ?
Petit bout de code svp.

[coco-loco]

J'ai cr�e un "Web UserControl", puis:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<select id="DropDown1" onchange="changed()" runat="server"></select>

l'�v�nement onchange() se d�clanche, j'arrive � afficher un alert("...")

Dans le fichier *.cs j'ai d�clar� les propri�t�s, par exemple:

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
[Browsable(true), Bindable(true)]
public int SelectedIndex
{
    get
    {
        return DropDown1.SelectedIndex;
    }
    set
    {
        if(Dropdown1.Items.Count >= value)
        {
            DropDown1.Items[value].Selected = true;
        }
    }
}

�a fonctionne en C# - mais en javascript la variable est 'undefined'

[d-Rek]

Bon je suis un peu largu� quand tu me parles de C.
Mais pour moi en Javascript, SelectedIndex, SelectedText et SelectedItem pour moi c'est pareil, c'est l'�l�ment s�lectionn�, soit SelectedIndex.

Bon voil� ce que je sais..

Si on a :

Code HTML :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<select id="DropDown1" name="DropDown1" onchange="changed()">
	<option value="1">Choix 1</option>
	<option value="2">Choix 2</option>
</select>

Pour ajouter une option :

Code Javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
var d=document.NOM_DU_FORM; // ou document.getElementById('DropDown1') c'est au choix
// mais faut plus faire d.DropDown1 mais d tout court, tu me suis ?
var e=d.DropDown1.options[d.DropDown1.options.length]=new Option('Choix 3', 3);
// pourquoi mettre la var e ? pour faire joujou avec cet élement, lui appliquer
// du style ou une fonction lors d'un certain évènement..

Pour supprimer une option :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
d.DropDown1.options[indice]=null;
// ici indice vaut la position de ton option dans la liste qui commence à 0

Pour savoir quelle option est s�lectionn�e :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
var valeur=d.DropDown1.options[d.DropDown1.options.selectedIndex].value;
var text=d.DropDown1.options[d.DropDown1.options.selectedIndex].text

Pour s�lectionner une option automatiquement :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

d.DropDown1.options[indice].selected=true;

En esp�rant que �a va t'aider
Tiens moi au courant !