使用JQuery选择最后选择值？

Question

我有以下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>

并且我需要在内部div中选择使用JQuery选择输入的最后一个值.例如,如果我选择'case5',该函数应该返回5,问题是我有多个选择输入id'casesList'.我试过这个:

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

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

Answer 1

对于初学者,您不能在页面中复制ID - 这是无效的代码.因此,对于每个select元素,"caseList"的id必须不同.

您可以使用重复的类,因此您可以通过以下方式访问每个元素:

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