使用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

$（＆＃39; #myDropdown＆＃39;）是一个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没有选择相同的东西。

有两种方法可以获得JQ的行动次数：

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

或

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