什么是Jquery中这个javascript的等价物

Question

我们如何在Jquery

中写出这个的等价值

document.getElementById( "selectbox").
options[document.getElementById("selectbox").selectedIndex].innerText;

Answer 1

简单：

$('#selectbox option:selected').text();

Answer 2

您想要在<option>代码中选择所选的<select id="selectbox">并获取其文字：

$('#selectbox option:selected').text()

因为selectbox实际上不能包含任何但选项，所以可以省略该部分：

$('#selectbox :selected').text()

Answer 3

像这样：

$('#selectbox option:selected').text();

要在change事件中获取它，您可以这样做：

$('#selectbox').change(function(){
  alert($('option:selected', $(this)).text());
});

Answer 4

OPs Javascript示例不必要地重复且复杂。与jQuery相比，它显示了简单的Javascript，实际上它应该更简单，更简洁。这不是jQuery应该用于的东西。

document.getElementById('selectbox').value;

那么难吗？通过将元素引用存储在变量中，它就像这个

一样简单

selectbox.value;

为了比较，jQuery代码

$('#selectbox').val();

IMO简单的Javascript更具可读性，直接性，当然性能更高。

我很难将此问题视为学术问题，因为示例代码非常简单;它不涉及DOM遍历，也没有跨浏览器兼容性问题，这是jQuery旨在解决的主要问题。那么重点是我不确定......