jquery 在下拉列表中选择值

Question

我有一个下拉列表。如何获取所选选项，而不是值，而是 innerHTML。我想要示例中的 CO 。这个 alert($('#mydropdown').val()); 给了我值 1 但我不想要这个。

<select name='mydropdown' id='dd'>
<option value=1 selected>CO</option>
<option value=2>CA</option>

<option value=3>TX</option>

</select>

Answer 1

$('#dd :selected').text();

请注意，使用 # 时，您将按 ID 进行选择。您的元素的 ID 是 dd，而不是 mydropdown。

如果您使用纯 JavaScript 来执行此操作，您可能会希望您的 name 属性与 id 属性相匹配，以便处理 IE 错误。

<select name='dd' id='dd'>
   ...
</select>

js

var select = document.getElementById('dd')
select.options[select.selectedIndex].text;