Javascript 无法删除元素或重置选择

我试图消除由Javascript代码动态创建的重复

select

元素

我有两种类型的

select

元素。单击按钮添加元素时会出现第一个元素。这有两个下拉选项：“访问控制”和“闭路电视”

如果选择了CCTV，则会出现第二个

选择
元素，下拉选项为“1”和“2”

然后，我还有另外两个按钮：删除元素和删除全部

例如，如果我单击“删除所有”，所有元素都将被删除，包括CCTV的第二个“选择”
元素

问题：

当我再次点击添加元素并再次选择“CCTV”时，会出现两个额外的
选择
元素，而不是只有一个




使用jQuery动态创建元素
身体{
字体：13px verdana；
字体大小：正常；
}
分区箱{
边缘底部：10px；
背景色：#f7f7f7；
边框：1px实心#d7d7；
边界半径：3px；
边框底部：1px实心rgb（169160165）；
}


$（文档）.ready（函数（）{
var-iCnt=0；
//创建一个“DIV”元素，并使用jQuery.css（）类设计它。
var container=$（document.createElement（'div'））.css({
填充：“5px”，
保证金：“20px”，
宽度：“170px”，
边框：“1px虚线”，
borderTopColor:“#999”，
borderBottomColor:“#999”，
borderLeftColor:“#999”，
borderRightColor:“#999”
});
$（'#btAdd'）。单击（函数（）{
如果（iCnt我不太理解您的问题，但我想就是这样。您只想添加一次动态
选择
（数量），因此您需要创建一个变量
var CCTV=false；
，以进行控制

我添加了一个函数
getval
来获取所选select的值。因为当您使用
$（'option:selected'）
时，您会得到一个包含页面上所有select的数组，导致您在错误的对象上进行验证


$（文档）.ready（函数（）{
//创建一个“DIV”元素，并使用jQuery.css（）类设计它。
var container=$（document.createElement（'div'））.css({
填充：“5px”，
保证金：“20px”，
宽度：“170px”，
边框：“1px虚线”，
borderTopColor:“#999”，
borderBottomColor:“#999”，
borderLeftColor:“#999”，
borderRightColor:“#999”
});
$（'#btAdd'）。单击（函数（）{
如果（iCnt我不太理解您的问题，但我想就是这样。您只想添加一次动态
选择
（数量），因此您需要创建一个变量
var CCTV=false；
，以进行控制

我添加了一个函数
getval
来获取所选select的值。因为当您使用
$（'option:selected'）
时，您会得到一个包含页面上所有select的数组，导致您在错误的对象上进行验证


$（文档）.ready（函数（）{
//创建一个“DIV”元素，并使用jQuery.css（）类设计它。
var container=$（document.createElement（'div'））.css({
填充：“5px”，
保证金：“20px”，
宽度：“170px”，
边框：“1px虚线”，
borderTopColor:“#999”，
borderBottomColor:“#999”，
borderLeftColor:“#999”，
borderRightColor:“#999”
});
$（'#btAdd'）。单击（函数（）{
如果（iCnt您只忘记了一行非常短的代码：

$('#tes').empty();

在向
$（'#tes'）
追加某些内容之前，请将其放在正确的位置，这样就解决了这个问题

.
您只忘记了一行非常短的代码：

$('#tes').empty();

在向
$（'#tes'）
追加某些内容之前，请将其放在正确的位置，这样就解决了这个问题

.
那么，你的问题是什么？问题是我做错了什么，我在删除元素后第二次选择cctv时动态创建了两次元素。请你的问题直接在问题中显示相关的JS。因为这不是对站点进行编码。所以不会为你编写代码，所以给出建议修正你需要帮助，但你没有善意。那么，你的问题是什么？问题是我做错了什么，我在删除元素后第二次选择cctv时动态创建了两次元素。请你的问题直接在问题中显示相关的JS。因为这不是编码站点伙伴。所以不会为您编写代码，以便提供修改建议您需要帮助，但您没有良好的意愿。