使用JQuery選擇最後選擇值？

我有以下的HTML代碼：使用JQuery選擇最後選擇值？

<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');

但只選擇第一選擇值...

來源

2012-07-24 Sarah

您不能兩次使用相同的ID。將id「casesList」更改爲「casesList」類，然後嘗試使用選擇器「.casesList：last option：selected」 – 2012-07-24 09:59:13

這是我如何解決它：

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

在給出選擇名稱類別之後..

來源

2012-07-24 10:57:01 Sarah

嘗試

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

或

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

來源

2012-07-24 09:56:28

元素的ID應該是唯一的，如果你想重複你應該使用類而不是。

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

或

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

來源

2012-07-24 09:58:59 dstrachan

對於初學者來說，你不能重複自己的網頁中的ID - 這是無效的代碼。所以你的「caseList」的id對於每個select元素都需要不同。

你可以儘管使用重複的課程，這樣你就可以訪問每一個元素的方法：

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

來源

2012-07-24 10:02:28 djeglin

它沒有用，但我給了它一個名稱'category'，這就是我解決它的方法： $ （ '選擇[名稱=類別]'）最後（）ATTR（ '值'）。; – Sarah 2012-07-24 10:54:42

試試這個

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

來源

2012-07-24 10:06:54 Koti

使用JQuery選擇最後選擇值？

回答

相關問題