Question

我尝试在加载页面时从droplist中设置元素。我的代码：

<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);

您可以设置option的最后select的值。

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

Demo

加载页面时从droplist中设置元素

1 个答案: