如何在javascript中附加默认下拉选项值

我想在下拉列表中附加选项value=0。这是我的密码：

for (i = 1; i < = wardcount; i++) {
    var option = $('<option/>');
    option.attr({
        'value': i
    }).text(i);

    $('#ward_no').append(option);
}

在循环之前做

$("#ward_no").empty();
$("#ward_no").append($("<option>", {value: 1, text: "select"}));
for (i = 1; i < = wardcount; i++) {
    var option = $('<option/>', {value: i, text: i});
    $('#ward_no').append(option);
}

---

把它当作文本。< /P>

let zero  =`<option value="0">Select</option>`
$('#ward_no').append(zero);
for (i = 1; i <= wardcount; i++) {
    let option = `<option value="${i}">${i}</option>`
    $('#ward_no').append(option);

}

---

从i=0开始循环否我应该是1。当我使用$'ward_no'.html时，我想在下拉列表中附加select；此循环前默认选项丢失。但我希望在选择其他选项之前清空下拉列表。在清空下拉列表后，在添加所有编号的选项之前执行此操作。虽然此代码可能会解决此问题，但一个好的答案还应说明代码的作用以及它的帮助方式。

let zero  =`<option value="0">Select</option>`
$('#ward_no').append(zero);
for (i = 1; i <= wardcount; i++) {
    let option = `<option value="${i}">${i}</option>`
    $('#ward_no').append(option);

}