关于 select 和 option value="" 的问题使用 JQuery

Question

假设我的列表如下所示：

<select name="name" id="id">
    <option value="10176232332">David</option>
    <option value="10187232332">Sven</option>
    <option value="10202232332">Ololf</option>
    <option value="10219232323">Jan</option>
    <option value="10230232323">Gustaf</option>
</select>

使用 JQuery，我如何提取每个选项的值 - 例如：

<option value="10176232332">David</option>

其中 10176232332 是值。使用：

($("#id").val()) 

提取名称，而不是数字组合。使用 regluar Javascript 我会使用：

list.options[list.selectedIndex].value;

有没有一种“JQuery 方式”可以做到这一点，或者我应该坚持上面的方法？

预先感谢您的任何帮助。

Answer 1

var selected = $("#id option:selected");
var value = selected.val();

Answer 2

val() 函数仅适用于 input 元素（input、select、textarea，按钮）。 option 元素不是输入元素。

如前所述，您需要将其视为“普通”元素，通过 option.attr('value') 获取它。

Answer 3

我认为这应该可行：

$("#id").attr("value")

...但是自从我使用 jQuery 以来已经有一段时间了。

Answer 4

我假设您将触发事件处理程序来捕获此信息，对吗？如果是这样，我将如何访问选定值的“id”和“name”组件：

    $('select').change(function () { 
        var id = $(":selected", this).val();
        var name = $(":selected", this).text();
    });

`
此处有此代码的演示。