javascript - 在jQuery中附加<option></option>时，如何设置选择？

Question

在我的代码中，我清空了 <select>元素并用可用时间再次重建它。

但是我正在尝试设置 <option>如果与之前选择的时间匹配，则选择:

if(time == currenttime) {
    console.log("Matched Time "+currenttime);
    $("#time-start").append($("<option></option>").attr("value", time).text(time)).prop("selected","selected");
} else {
    $("#time-start").append($("<option></option>").attr("value", time).text(time));
}

我收到控制台消息 Matched Time但是.prop("selected","selected")没有设置要选择的新创建的选项。

如何设置它被选中？

Answer 1

我认为您的代码将变得更具可读性(这样可以更轻松地在正确的位置设置 selected 属性):

let $opt = $("<option></option>").attr("value", time).text(time);
if(time == currenttime) {
    console.log("Matched Time "+currenttime);
    $opt.prop("selected","selected");
}
$("#time-start").append($opt);