javascript - 选择其他选项后,多选下拉未清除值
问题描述
我有两个下拉列表,如果我从第一个下拉列表中选择值,则 id 将传递给第二个下拉列表,这是 Bootstrap 的多选下拉列表。问题是,如果该 id 在数据库中没有显示先前选择的值的记录。
我已经尝试过.empty()
,刷新等,但它没有显示正确的结果。请帮助..代码如下:
var ID = $("#AreaMasterID").val();
$.ajax({
url: '../AllocateDump/FillDumpingSite',
type: "POST",
data: {
"AreaMasterID": ID
},
async: false,
dataType: "json",
success: function(res) {
if (res.length == 0) {
$("#DumpID").val('0');
$("#DumpID").val(' ');
//$("#DumpID").multiselect('refresh');
// $("#DumpID option").remove();
//$("#DumpID").multiselect('destroy');
} else {
for (var i = 0; i < res.length; i++) {
$("#DumpID").empty()
.append($("<option></option>")
.val(res[i].DumpingSiteID)
.html(res[i].DumpSiteName));
}
$('#DumpID').multiselect({
includeSelectAllOption: true
});
}
$("#DumpID").multiselect('refresh');
},
error: function(err) {
$.kanNotify.error(err);
},
});
在 span 中,它显示未由 .empty() 和其他选项清除的选定值。
解决方案
尝试这个
for (let i = 0; i <= $('#DumpID option').length; i++) {
$("#DumpID").remove(i);
}
推荐阅读
- java - 读取大文件A,从文件B中搜索匹配记录并在java中写入文件C
- docker - Dockerfile - 通过在单个语句中复制来减少层数
- openshift - 远程机器上的 Minishift
- c - 关于 remap_page_range 的第二个参数的困惑
- laravel - 无法在 Laravel 8 中保存 base 64 图像
- azure - 我们如何使用逻辑应用程序从共享点获取 xlsx 文件到数据湖 gen 1
- bash - Nextflow:我应该如何在 X 行截断 fastq 文件?进程失败,错误 141
- jenkins - 从本地磁盘加载 jenkinsFile 并在同一个代理上运行声明式管道
- typescript - 使用 Vite、Vue 3 和 Typescript 将组件库发布到 npm
- angular - 是否可以控制 ckeditor 5 导出到 word 插件的下载路径?我将它与有角的前端一起使用