2

我有以下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，问题是我有多个选择输入编号为“案例列表”。我试过这个：

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

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

4

5 回答 5

6

对于初学者，您不能在页面中重复 ID - 这是无效代码。因此，每个选择元素的“caseList”id 需要不同。

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

$('.caseList:last').val();
于 2012-07-24T10:02:28.010 回答
2

尝试

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

或者

$('div[id^="casesList"]:last option:selected').val();
于 2012-07-24T09:56:28.133 回答
2

这就是我解决它的方法：

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

在给出选择名称类别后..

于 2012-07-24T10:57:01.760 回答
1

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

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

或者

$('.cases:last option:selected').val();
于 2012-07-24T09:58:59.957 回答
1

试试这个

$('div.cases:last > select option:selected')[0].attr('value')
于 2012-07-24T10:06:54.417 回答