2010年11月5日 星期五

jQuery_抓取下拉式選單的值(asp.net DropDownList)

jQuery有很棒的Selectors可以很快速的抓到頁面上的東西,那要怎麼抓取下拉式選單的值呢?網路上有很多文章在說明抓取的方法,也就是:

var selected = $("#ddl_City option:selected");
alert(selected.val());

所以當我們有一個下拉選單,希望按鈕以後alert選單的值,就是:

function GetValue() {
$(function () {
var selected = $("#ddl_City option:selected");
alert(selected.val());
});
}
<input id="btn" type="button" onclick="GetValue()">

但如果是asp.net的使用者,通常都會使用主版頁面,這樣就會導致我們的ID為ddl_City的下拉式選單輸出到頁面上以後變成類似"ctl00_ContentPlaceHolder1_ddl_City"的ID,簡單的解法有兩個,一個就是不管他,直接用輸出的長ID來抓:

var selected = $("#ctl00_ContentPlaceHolder1_ddl_City option:selected");

或是改為使用JS的方法抓:

document.getElementById('<% =ddl_City.ClientID%>').value;

如果你覺得非得徹底解決,可以參考黑暗執行緒blog的文章

沒有留言:

張貼留言