Binding d'un <select> puis impossibilité de récupération de la valeur selectionnée

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:

---

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:

---

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:

---

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.

Et lorsque je remplace ceci :

Code:

---

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

---

par ceci :

Code:

---

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:

---

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:

---

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 ;)