javascript - 为什么我无法检索此 JavaScript\JQuery 函数中 select 标签的内容？

Question

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

所以在页面中我有这个选择标签:

<select id="idAnnoRiferimento" onchange="setDataRicAgevolazione(this.value)" style="width: 150px; text-align: center" name="">
    <option value="2004">2004</option>
    <option value="2005">2005</option>
    <option value="2006">2006</option>
    <option value="2007">2007</option>
    <option value="2008">2008</option>
    <option value="2009">2009</option>
    <option value="2010">2010</option>
    <option value="2011">2011</option>
    <option value="2012">2012</option>
    <option value="2013">2013</option>
    <option value="2014">2014</option>
    <option selected="selected" value="2015">2015</option>
    <option value="2016">2016</option>
    <option value="2017">2017</option>
    <option value="2018">2018</option>
    <option value="2019">2019</option>
    <option value="2020">2020</option>
</select>

然后进入 JavaScript 函数，我想检索所选值，因此我尝试执行以下操作:

function controlloDate() {
    alert("INTO controlloDate()");

    var annoDiRiferimento = $("#idAnnoRiferimento").innerHTML;
    alert("Anno di riferimento: " + annoDiRiferimento);

    ............................................................
    DO SOME OTHER STUFF
    ............................................................
}  

因此，正如您所看到的，我尝试检索具有 id=idAnnoRiferimento 的选择标签，并从该标签中尝试使用 innerHTML 检索内部值strong> 属性，但警报向我显示一条消息，内容为 未定义。

为什么？我缺少什么？我该如何解决这个问题？

Tnx

Answer 1

innerHTML，是一个 javascript 属性，不适用于 jquery 对象，

使用 $("#idAnnoRiferimento").val() 获取更改后的值，或 $("#idAnnoRiferimento").html() 获取内部 html .

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

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