使用JQuery选择最后一个select值？

我有以下html代码：

<div id="casesList1" class="cases">
   <select id="casesList">
      <option value="1">case1</option>
      <option value="2">case2</option>
      <option value="3">case3</option>
   </select>

   <div id="casesList2" class="cases">
      <select id="casesList">
         <option value="4">case4</option>
         <option value="5">case5</option>
      </select>
   </div>

</div>

但它只选择第一个选择值…

尝试

$('.cases:last option:selected').val();

或

---

元素ID应该是唯一的，如果您想有重复的元素，应该使用类

$('.cases:last option:selected').attr('value');

或

---

首先，您不能在页面中复制ID，这是无效代码。因此，对于每个select元素，您的“案例列表”id都需要不同

但是，您可以使用重复的类，因此可以通过这种方式访问每个元素：

$('.caseList:last').val();

试试这个

$('div.cases:last > select option:selected')[0].attr('value')

---

我就是这样解决的：

$('select[name=category]').last().attr('value'); 

---

指定名称后，请选择名称类别。

同一id不能使用两次。将id“casesList”更改为类“casesList”，然后尝试使用选择器。casesList:last option:selected“它不起作用，但我给了它一个名称“category”，我就是这样解决它的：$（'select[name=category]'）。last（）.attr（'value'）；

$('.caseList:last').val();

$('div.cases:last > select option:selected')[0].attr('value')

$('select[name=category]').last().attr('value');