Получить значение последней опции выпадающего списка?

Ответ 1

С jQuery это очень просто:

var lastValue = $('#idOfSelect option:last-child').val();

С простым Javascript это не намного хуже:

var theSelect = document.getElementById('idOfSelect');
var lastValue = theSelect.options[theSelect.options.length - 1].value;

Ответ 2

С помощью jQuery:

$('select option:last').val()

Конечно, вы должны использовать правильный идентификатор для обращения к элементу select.

Если вы имеете в виду "меню", это термины списка, вы можете сделать это аналогично:

// gives the text inside the last <li> element
$('#menu li:last').text()

// gives you the attribute 'some_attribute' of the last <li> element
$('#menu li:last').attr('some_attribute')

Ключ здесь - использовать селектор :last.

Ответ 3

Еще один способ сделать это

   $('select option').last().val()

или для списка

   $('ul li').last().text()

В то время как выше 2 предложения совершенно верны, я считаю, что этот подход чище, чем изменение селектора.

Вы должны добавить id/class определенного select/ul, если вы хотите настроить таргетинг на конкретное меню/список.

Ответ 4

Использование атрибута selected.

$('#SelectName option:last-child').attr('selected', 'selected');

Ответ 5

$('#id_of_select option:last-of-type').click();

ИЛИ

$('#id_of_select option:last-child').click();

Оба из них должны найти и нажать на последнюю опцию в любом динамическом раскрывающемся списке.