下拉選項無法使用jquery選擇器訪問？

Question

我的網頁有一個下拉菜單，它是一個aspx頁面，但我嘗試訪問從JavaScript下拉菜單。這裏是我的代碼。 此代碼正在工作。

var a = document.getElementById('myDropdown'); 
alert(a.options.length); 

此代碼不能正常工作

var a = $('#myDropdown'); 
alert(a.options.length); 

我收到以下錯誤。

TypeError: Cannot read property 'length' of undefined 

任何人有任何想法。

Answer 1

$（'＃myDropdown'）是一個jQuery對象，您正在對待一個dom對象。嘗試改變

var a = $('#myDropdown'); 

到

var a = $('#myDropdown')[0]; 

Answer 2

使用clientID，ASPX控件在頁面上的呈現方式不同。您還可以使用常規選擇器來定位控件類。

var a = $('#<%=myDropdown.ClientID%>'); <-- ID 
var b = $(".className") <--- Class selector. 

Answer 3

jQuery和JS犯規選擇同樣的事情。

有2的方式來獲得行動的數量與JQ：

$('#dropdown')[0].options.lenght; //That select the container like getElement 

或

$('#dropdown').children().length // That's pure jq counting the children (options)