javascript - 下拉选项无法使用 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 不选择相同的东西。

有两种方法可以使用 JQ 获取操作数：

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

或者

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