Get value of last option of a drop down?

Question

I have dropdown menu..which is dynamic.. How can get value of the last item in that drop down (using jquery is also acceptable)

Answer 1

With jQuery:

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

Of course you should use a proper ID to address the select element.

If you mean "menu" it terms of a list, you can do it similar:

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

The key here is to use the :last selector.

Answer 2

With jQuery it's super easy:

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

With plain Javascript it's not much worse:

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