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>

我需要选择使用JQuery选择输入的最后一个值，在div里面。例如，如果我选择'case5'，该函数应该返回5，问题是我有多个选择输入id为'casesList'。我试过这个：

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

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

Answer 1

对于初学者，您无法在页面中复制ID - 这是无效的代码。因此，对于每个select元素，“caseList”的id必须不同。

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

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

Answer 2

尝试

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

或

$('div[id^="casesList"]:last option:selected').val();

Answer 3

这就是我解决它的方法：

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

在给出选择名称类别后

..

Answer 4

元素ID应该是唯一的，如果你想要重复，你应该使用类。

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

或

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

Answer 5

试试这个

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

使用JQuery选择最后选择值？

5 个答案: