Discussion :

[arkham55]

Bonsoir à tous et toutes,

Vous allez bien?
J'ai un petit soucis avec un code que j'ai testé. J'aimerai récupérer des données d'une table de ma base de données et les mettre dans un select : ceci je le fais dans le code-behind, dans le sub Page_Load.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
cnx.Open()
            cmd.Connection = cnx
            cmd.CommandText = "SELECT nom FROM Table;"
 
            ds = New DataSet
            da = New SqlDataAdapter
            da.SelectCommand = cmd
            da.Fill(ds, "Table")
            select_ingredient.DataSource = ds.Tables("Table").DefaultView
            select_ingredient.DataValueField = "nom"
            select_ingredient.DataBind()
            cnx.Close()

Ensuite, j'aimerai récupérer la valeur sélectionnée par l'utilisateur:
html

Code :

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

1
2
 
<select id="select" runat="server" ></select><a>  </a><input type="image" onclick="return false;" src="Images/plus.png" id="plus_img" value="+" />

JS

Code :

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

1
2
3
4
5
6
7
8
 
$("#plus_img").click(function(){
 
 
                var valeur = $("#select_ingredient options:selected").val();
                //on ajoute ce qui est selectionne à la suite de ma table:
                $("#table").html($("#table").html()+"<tr><td>"+valeur+"</td></tr>");
            });

Cela ne m'avait pas l'air compliqué, mais j'ai un soucis tout de même. Lorsque j'ajoute un élément, il est undefined... Bref, les attributs value de mon select ne sont pas définis je suppose.
Pourtant dans mon code behind je pensais avoir résolu cela avec .DataValueField = "nom"

Vous auriez une idée à proposer? Merci.

[arkham55]

Et lorsque je remplace ceci :

Code :

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

1
2
 
var valeur = $("#select_ingredient options:selected").val();

par ceci :

Code :

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

1
2
 
var valeur = document.getElementById('testeur').options[document.getElementById('testeur').selectedIndex].value;

La console m'indique que document.getElementById('testeur') est null.
Pourtant que je regarde dans le code source de la page :

Code :

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

1
2
3
4
5
6
 
<select name="ctl00$ContentPlaceHolder1$testeur" id="ctl00_ContentPlaceHolder1_testeur">
 
			<option value="Pates">Pates</option>
			<option value="Sauce tomate">Sauce tomate</option>
		</select>

Et maintenant que je regarde, l'id est différent à cause de ma masterpage :o
Si je met:

Code :

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

1
2
 
var valeur = document.getElementById('ctl00_ContentPlaceHolder1_testeur').options[document.getElementById('ctl00_ContentPlaceHolder1_testeur').selectedIndex].value;

Cela fonctionne, dois-je vraiment passer par là à chaque fois?
Merci quand même