javascript - jQuery:如何获取表行中所选选项的值

Question

这是我正在使用的 DOM 部分:

<tr id="player-row-973">
    <td class="display_name"> Kevin Love </td>
    <td class="position">
    <select id="position" name="position">
      <option value="pf">PF</option>
      <option value="c">C</option>
    </select>
   </td>
</tr>

使用 jQuery，我尝试获取当前为球员 Kevin Love 选择的位置的值。我尝试过使用如下内容:

$('#player-row-973').find('#position').value() 但这似乎不起作用。

Answer 1

首先，如果您使用ID，您可以直接选择它，如下所示:

$('#position')

并获取其值，例如:

$('#position').val()

但是如果你想有像这样的多个选择选项，你最好删除id属性并使用class或name，然后你有所有这些替代方案来获取值:

使用id属性:

$('#position').val();
$('#position>option:selected').val();

使用name属性:

$('#player-row-973 select[name=position]').val()
$('#player-row-973 select[name=position]>option:selected').val()