使用jquery选择2 html select元素的值

Question

我有一种情况，我必须像这样选择下拉值

$(this).parent().parent('div').find('option:selected').val();

后来我意识到我需要将第二个ddl放在同一个div中，所以现在我变得混淆了如何获取每个DDL的值。有没有办法为这段代码申请id

$(this).parent().parent('div').find('option:selected').val();

这样我就可以获取每个。

以下是我的代码 这是第一个ddl。

<select style="width:30px" name="ddlQty" id="ddlQty" class="positive-integer"><option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>

这是第二次

<select name="OptionID" id="OptionID"><option value="14">5''  £25.00</option>
</select>

如何选择每个值？

Answer 1

如果Id是唯一的应该

$('#ddlQty').val();

和

$('#OptionID').val();

Answer 2

$('#ddlQty').val();
$('#OptionID').val();

将获得每个选择菜单的值。

Answer 3

第一个：

$(this).parent().parent('div').find('#ddlQty option:selected').val();

第二个：

$(this).parent().parent('div').find('#OptionID option:selected').val();

Answer 4

ID应该是唯一的，因此您不需要$(this).parent().parent('div')部分。以下应该有效

$('#ddlQty').val();
$('#OptionID').val();