Jquery .html() 不追加信息

Question

我正在使用Jquery根据其他几个下拉列表更新一些列表对象。我让一切正常，如果我打印出"项目"，它有我需要的 HTML，但当我这样做时.html(项目(它不会更新 HTML。

<div class="select-default">
<select name="vech" id="vechID" class="select-location" asp-for="vech" > 
<option>Choose Vehicle</option>
</select>
</div>

Jquery：

$.getJSON(url2, { scaleId: scaleId, manfId: manfId }, function (data) {  
var item = " ";
$("#vechID").empty();
$.each(data, function (i, vehicle) {
var results = vehicle.results;
item += '<option value="' + i + '">' + vehicle + '</option>';
});
$("#vechID").html(item);
});

还尝试过：

var item = "";
var tmp = document.getElementById("vehcileId").innerHTML;
alert(tmp);
$.each(data, function (i, vehicle) {
item += '<option value="' + i + '">' + vehicle + '</option>';
});
document.getElementById("vehcileId").innerHTML += item.toString();
var tmp = document.getElementById("vehcileId").innerHTML;
alert(tmp);
$("#vehcileId").html(item);

经过更多测试后更新，这是类。以下是放置在类上的唯一代码(注意选择位置(：

var selectLocation = $('.select-location');
if (selectLocation.length !== 0){
selectLocation.selectric({
arrowButtonMarkup: '<div class="arrow-button"><i class="fa fa-angle-down" aria-hidden="true"></i></div>',
});
}

Answer 1

<div class="select-default">
<select name="vech" id="vechID" class="select-location" asp-for="vech" > 
<option>Choose Vehicle</option>
</select>
</div>
<script>
var item = " ";
var data = ["1","2","3"]
$("#vechID").empty();
$.each(data, function (i, vehicle) {
var results = vehicle.results;
item += '<option value="' + i + '">' + vehicle + '</option>';
});
$("#vechID").html(item);
</script>

这段代码似乎正在工作..你检查过数据吗？也许console.log(data)看看它是否有值列表。