Question

我有下拉菜单..它是动态的..如何获取该下拉列表中最后一项的值（使用jquery也可以接受）

Answer 1

使用jQuery非常简单：

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

使用简单的Javascript，情况并不差：

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

Answer 2

使用jQuery：

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

当然，您应该使用正确的ID来处理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选择器。

Answer 3

另一种方法

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

或列表

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

虽然上述2条建议完全有效，但我觉得这种方法比修改选择器更清晰。

如果你想要定位特定的菜单/列表，你应该添加特定select / ul的id / class。

Answer 4

使用选定的属性。

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

Answer 5

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

OR

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

这两个应该找到并单击任何动态下拉列表中的最后一个选项。

获取下拉列表的最后一个选项的价值？

5 个答案: