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()

jQuery：如何获取表行中所选选项的值

3 个答案: