为什么我不能在这个JavaScript\JQuery函数中检索select标记的内容？

我不太喜欢JavaScript和JQuery，我在尝试检索插入到页面中定义的select标记中的值时遇到以下问题

因此，在一个页面中，我有一个选择标签：

因此，如您所见，我尝试检索id=idAnnoRiferimento的select标记，并尝试使用innerHTML属性从该标记检索内部值，但警报显示一条消息，提示未定义

为什么?？我错过了什么？如何解决此问题

Tnx使用jQuery的函数：

$("#idAnnoRiferimento").val()

---

从选择器返回的jQuery对象没有innerHTML属性-这是本机DomeElement的一部分。相反，您可以尝试html：

请注意，如果您试图获取所选选项的值，请使用val:

innerHTML是一个javascript属性，在jquery对象上不起作用

使用$idAnnoRiferimento.val获取更改的值，或使用$idAnnoRiferimento.html获取内部html

要以javascript方式访问这些属性，需要获取javascript元素对象

$("#idAnnoRiferimento")[0].innerHTML

在jquery中，val方法主要用于获取表单元素的值，如input、select和textarea

在HTML文档中，.HTML可用于获取任何元素的内容。

javascript代码：

var e = document.getElementById("idAnnoRiferimento");
var sel = e.options[e.selectedIndex].value;

---

您不需要innerHTML，而是需要值

$("#idAnnoRiferimento").val()

---

在jQuery中使用它非常简单

jQuery('#idAnnoRiferimento option:selected').val()

@rorymcrossan&@ShrutiKarekal answer正在使用jQuery

var e = document.getElementById("idAnnoRiferimento"); 
var sel = e.options[e.selectedIndex].value;

var e = document.getElementById("idAnnoRiferimento");
var sel = e.options[e.selectedIndex].value;

$("#idAnnoRiferimento").val()

jQuery('#idAnnoRiferimento option:selected').val()

var e = document.getElementById("idAnnoRiferimento"); 
var sel = e.options[e.selectedIndex].value;