16

我想要一个组合框默认选择最后一个选项（使用jquery）：

<select>
    <option>item1</option>
    <option>item2</option>
    <option>item3</option>
    <option>item4</option>
    <option>item5</option>
</select>
4

5 回答 5

39

做这样的事情：

$(function() {
    $("select option:last").attr("selected", "selected");
});
于 2012-06-18T11:02:10.957 回答
13

一个普通的 JavaScript 解决方案：

select.selectedIndex = select.options.length-1;

演示

于 2014-05-07T15:57:52.747 回答
2 
<select>
    <option>item1</option>
    <option>item2</option>
    <option>item3</option>
    <option>item4</option>
    <option selected="selected">item5</option>
</select>
于 2012-06-18T11:02:50.580 回答
2

使用“prop”而不是“attr”，当然取决于您使用的 jQuery 版本。

$("select option:last").prop("selected", "selected");

jQuery 道具： http ://api.jquery.com/prop/

关于何时使用 prop 或 attr 的更多讨论： .prop() 与 .attr()

于 2017-04-12T14:17:51.720 回答
2

只需使用 vanilla Javascript，您就可以结合<select> dom 对象的.selectedIndex和.length属性来实现这一点：

document.querySelector("#mySelect").selectedIndex = document.querySelector("#mySelect").length - 1;
<select id="mySelect">
    <option>item1</option>
    <option>item2</option>
    <option>item3</option>
    <option>item4</option>
    <option>item5</option>
</select>

于 2019-08-26T21:14:51.497 回答