jquery - 所选索引未定义

Question

我不确定是否是因为我使用 jQuery 来获取下拉列表的引用或者什么，但我的假设是肯定的，这就是为什么所选索引给我未定义的原因

var ddlMake = $('#<%=ddlMake.ClientID %>');
var makeid = ddlMake.options[ddlMake.selectedIndex].value;

所以我收到一条错误消息，指出 ddlMake.selectedIndex 未定义。

但是如果我使用标准 JS 来引用该下拉列表，那么 ddlMake.selectedIndex 工作正常并且我得到一个值

var ddlMake = document.getElementById('<%=ddlMake.ClientID %>');
var makeid = ddlMake.options[ddlMake.selectedIndex].value;

那么，如果您使用 jQuery 获取 DOM 中某个元素的引用，您是否还需要进一步使用 jQuery 方法来使用该元素，例如从中获取数据或操作它或其他什么？

我猜你不能混合使用两者..比如如果你通过使用 jquery 获得一个 ref，那么你就不能使用标准的 js 方法来对抗它？只是对此感到好奇，因为如果是这样的话，这是一个重要的限制。并不是说我想使用标准 JS，因为我正在使用 jquery，但只是好奇，因为我确实遇到了这种痛苦，并想在这里找出答案。

Answer 1

selectedIndex 是 DOM 元素的一个属性，但 $('#x') 返回一个 jQuery 对象。您可以使用 [0] 获取 DOM 对象:

var ddlMake = $('#<%=ddlMake.ClientID %>');
var makeid  = ddlMake[0].options[ddlMake[0].selectedIndex].value;