Nhận giá trị được chọn cuối cùng của nhiều phần tử chọn

Question

Tôi có một số hộp chọn đã được đặt để chấp nhận nhiều giá trị. Có anyway mà tôi có thể sử dụng jQuery để có được giá trị được lựa chọn cuối cùng? Tôi đã thử sử dụng các mục sau:

var latest_value = $("option:selected",this).val(); 

và không trả lại gì. Tôi chỉ muốn giá trị được chọn cuối cùng chứ không phải mảng giá trị.

Cảm ơn bạn trước

Theo yêu cầu đây là HTML tôi đã cắt danh sách xuống vì nó quá dài:

<select id="style-list" name="style-list[]" class="attrs" multiple="multiple"> 
    <option value="7">2 Pack</option> 
    <option value="10">3 Pack</option> 
    <option value="12">4 Pack</option> 
</select> 

Sau đó ở phía trên cùng của trang Tôi đã sau (Tôi có 8 trong số này, nhưng tôi đã thấy một vài để bạn có thể thấy rằng tôi đang sử dụng nhiều trường hợp của các widget multiselect:

$(document).ready(function(){ 

    $("#product-list").multiselect({ 
     selectedList: 4, 
     noneSelectedText: "Product", 
     minWidth: 190 
    }).multiselectfilter(); 

    $("#style-list").multiselect({ 
     selectedList: 4, 
     noneSelectedText: "Style", 
     minWidth: 190 
    }).multiselectfilter(); 


    $("#feature-list").multiselect({ 
     selectedList: 4, 
     noneSelectedText: "Features", 
     minWidth: 190 
    }).multiselectfilter(); 

}); 

và sau đó tôi có điều này trong một file js riêng biệt:

$(function(){ 

    $(".attrs").on("multiselectclick", function(event, ui){ 

    var latest_value = $('option', this).filter(':selected:last').val(); 
    alert (latest_value); 

    var view = $("#currentview").val(); 
    var page = 1; 

    run_ajax(view,page); 

    }); 

}) 

Cảm ơn bạn

Answer 1

Sử dụng :last selector:

var latest_value = $("option:selected:last",this).val(); 

---

Nó thể thể là this trong bối cảnh của hàm callback không đề cập đến các yếu tố <select> chính nó, nhưng thay vào đó là một phần tử bên trong nó, hãy thử làm như sau:

var latest_value = 
$(this).closest('select').find('option').filter(':selected:last').val(); 

Cũng có thể đáng để gọi console.log(this); bên trong chức năng gọi lại, để bạn biết bạn đang thực sự làm việc với yếu tố nào.

Answer 2

Sử dụng chức năng mới nhất: như thế này

$("#style-list option:selected").last().val() 

Answer 3

Đây là đoạn mã để có được mới nhất nào được lựa chọn từ nhiều danh sách lựa chọn sử dụng jQuery:

var selected; 
$(document).ready(function() { 
$('#SELECT_ID').on('click', function() { 
var latestSelected; 
if (selected) { 
    var currentOptionsValue = $(this).val(); 
    latestSelected = currentOptionsValue.filter(function(element) { 
    return selected.indexOf(element) < 0; 
    }); 
} 
selected = $(this).val(); 
console.log("latest selected option : " + latestSelected); 
}); 
});