javascript - 发送带有所选选项的隐藏值

Question

我有一个下拉选择表单，如下所示:

<select id="selection">
    <option>try 1</option>
    <option>try 2</option>
    <option>try 3</option>
</select>

我只是像这样定位这些值:

var selected = $('#selection').val();

现在我该如何定位这些选项中的隐藏值而不是选项标记之间的值？

类似于:

<select id="selection">
        <option value="selected 1">try 1</option>
        <option value="selected 2">try 2</option>
        <option value="selected 3">try 3</option>
</select>

目标值(value)？

Answer 1

您所指的“隐藏值”实际上是选项的值属性。标签之间的内容是选项的文本。

当指定 value 属性时，JQuery 的 .val() 方法将返回正确的值。

var selected = $('#selection').val();
alert(selected);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select id="selection">
        <option value="selected 1">try 1</option>
        <option value="selected 2">try 2</option>
        <option value="selected 3">try 3</option>
</select>