javascript - 加载页面时从下拉列表中设置一个元素

Question

我尝试在页面加载后从下拉列表中设置一个元素。我的代码:

<script>
$(document).ready(function() {
    console.log("ready!");
    changeStatus();
});

function changeStatus() {
    console.log("chStatus!");
    $('#status_change option:last').attr('selected', 'selected');
}
</script>

<select id="status_change">
    <option value="noselected">...</option>
    <option value="new">Processing</option>
    <option value="todrop">To drop</option>
    <option value="onbuyer">On buyer</option>
    <option value="resent">Resent</option>
</select>

最后一个选项没有选择，当页面已经加载？我的错误在哪里？

Answer 1

如果可能，您应该将属性添加到元素本身，而不是在页面加载时添加。

<option value="resent" selected="selected">Resent</option>

---

$('#status_change option:last').attr('selected', 'selected'); 应该可以。但是由于@Quentin Roy指出的浏览器不一致问题，它不适用于 Safari 9。

作为一个选项，您还可以尝试 prop

$('#status_change option:last').prop('selected', true);

您可以通过 select 设置最后一个 option 的值。

$('#status_change').val($('#status_change option:last').val());

Demo