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）當前所選位置的value 。 我嘗試使用以下內容：

$('#player-row-973').find('#position').value()但這似乎沒用。

Answer 1

關閉，其.val()

$('#player-row-973').find('#position').val()

Answer 2

我用這個：

$('#player-row-973').find('#position option:selected').val();

由於某些原因，它並不總是以$('#selectId').val() 。

Answer 3

首先，如果您使用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()