javascript - 如何从类似于选择的 div 中删除重复值
问题描述
我正在选择类别(使用复选框),然后根据类别获得子类别,如果我选择第一个类别获得 2 行(示例),如果我取消选择然后再次获得相同的行,是否有任何东西可以从 div 中删除重复项。
我正在使用 jQuery 的搜索功能,但没有得到正确的非重复值。
这是子类别详细信息将一一追加的地方
var expanded = false;
function showCheckboxes() {
var checkboxes = document.getElementById("checkboxes");
if (!expanded) {
checkboxes.style.display = "block";
expanded = true;
} else {
checkboxes.style.display = "none";
expanded = false;
}
}
$('.search-box').on("change", function(e) {
var inputVal1 = $(this).val();
var cars = ["Saab", "Volvo", "BMW"];
var lclObj = JSON.parse(cars);
for (var i = 0; i < lclObj.length; i++) {
var lclSubCategory = lclObj[i];
$('#checkboxes').append("<input type='checkbox' id='chkBox' value=" + lclSubCategory + ">" + lclSubCategory + "<br>");
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="form-group search-box">
<label>Category:</label>
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<div class="multiselect col-sm-6">
<label>Sub Category:</label>
<div class="selectBox form-group" onclick="showCheckboxes()">
<select class="form-control">
<option value="">Select an option</option>
</select>
<div class="overSelect"></div>
</div>
<div id="checkboxes"></div>
</div>
解决方案
您可以$('div').empty()
在附加之前使用它。
推荐阅读
- javascript - Vue JS 在生产模式下的行为不同
- node.js - Node 的 promisify 不适用于基于回调的函数
- android - 当有新的孩子添加到 Firebase 实时数据库时,如何获得通知?(我想使用android服务而不是FCM)
- sql - 如何编写一个 SQL 查询,根据条件从现有列中的两个填充列
- excel - 输入文本时如何在 Excel 中创建自动组合 URL?
- java - mono.zip 功能未按预期工作
- html - 两个不同图像的动画和变化
- matlab - 在相同的轴上绘制两个数据集,但沿 x 轴偏移
- applescript - 我希望 Applescript 同时执行两个命令
- spring-cloud - GATEWAY_REQUEST_URL_ATTR 和请求 URI 之间的区别