Javascript 如何使用选择标记隐藏/显示选择标记？

我的代码有一个1父选择标记和2个选项苹果和黄油每个选项的值为1和2当我选择苹果时，它将显示另一个选择标记，反之亦然，我的问题是它将显示另一个选择和另一个，我需要隐藏另一个选择并显示另一个选择，你能帮助我吗

代码如下：

$（文档）.ready（函数（）{
$（'#defList'）。在（'change'，function（）上{
var tarSelect=$（this.val（）；
console.log（tarSelect）；
如果（tarSelect==1）{
变量arrayList=[{
瓦尔：1，
文字：“一”
}, {
瓦尔：2，
文本：“两个”
}, {
瓦尔：3，
文字：“三”
}];
var selectList=$（''）.appendTo（'#selectBox'）；
$（arrayList）.each（函数（）{
selectList.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
}else if（tarSelect==2）{
变量arrayList2=[{
瓦尔：1，
文字：“一”
}, {
瓦尔：2，
文本：“两个”
}, {
瓦尔：3，
文字：“三”
}];
var selectList2=$（''）.appendTo（'#selectBox'）.remove（）；
$（arrayList2）.each（函数（）{
选择list2.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
}
});
});

苹果
黄油
更改第一个DrowDown值时删除#selectBox内容


$（文档）.ready（函数（）{
函数createDropdown（arrayList）{
变量$select=$（''）；
$（arrayList）。每个（函数（）{
$select.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
返回$select；
}
$（'#defList'）。在（'change'，function（）上{
$（“#选择框”）.empty（）；
var tarSelect=$（this.val（）；
console.log（tarSelect）；
如果（tarSelect==1）{
变量arrayList=
[
{val:1，文本：'one'}，
{val:2，文本：'two'}，
{val:3，文本：'3'}
];
createDropdown（arrayList）.appendTo（“#selectBox”）；
}else if（tarSelect==2）{
变量arrayList2=
[
{val:1，文本：'one'}，
{val:2，文本：'two'}，
{val:3，文本：'3'}
];
createDropdown（arrayList2）.appendTo（“#selectBox”）；
}
});	
$（'defList'）。触发器（“更改”）；
});

我的第一个HTML文档
 你好，世界
苹果
黄油
更改第一个DrowDown值时删除#selectBox内容


$（文档）.ready（函数（）{
函数createDropdown（arrayList）{
变量$select=$（''）；
$（arrayList）。每个（函数（）{
$select.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
返回$select；
}
$（'#defList'）。在（'change'，function（）上{
$（“#选择框”）.empty（）；
var tarSelect=$（this.val（）；
console.log（tarSelect）；
如果（tarSelect==1）{
变量arrayList=
[
{val:1，文本：'one'}，
{val:2，文本：'two'}，
{val:3，文本：'3'}
];
createDropdown（arrayList）.appendTo（“#selectBox”）；
}else if（tarSelect==2）{
变量arrayList2=
[
{val:1，文本：'one'}，
{val:2，文本：'two'}，
{val:3，文本：'3'}
];
createDropdown（arrayList2）.appendTo（“#selectBox”）；
}
});	
$（'defList'）。触发器（“更改”）；
});

我的第一个HTML文档
 你好，世界
苹果
黄油
您可以首先使用
$（'#selectBox'）.html（“”）清除新的选择区域

但是还要更改
var selectList2=$（''）.appendTo（'#selectBox'）.remove（）
to
var selectList2=$（''）.appendTo（'#selectBox'）


$（文档）.ready（函数（）{
$（'#defList'）。在（'change'，function（）上{
$（'#selectBox'）.html（“”）；
var tarSelect=$（this.val（）；
console.log（tarSelect）；
如果（tarSelect==1）{
变量arrayList=[{
瓦尔：1，
文字：“一个”
},
{
瓦尔：2，
文字：“A 2”
},
{
瓦尔：3，
文字：“A三”
}
];
var selectList=$（''）.appendTo（'#selectBox'）；
$（arrayList）.each（函数（）{
selectList.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
}else if（tarSelect==2）{
变量arrayList2=[{
瓦尔：1，
文字：“B一”
},
{
瓦尔：2，
文字：“B二”
},
{
瓦尔：3，
文字：“B三”
}
];
var selectList2=$（''）.appendTo（'#selectBox'）；
$（arrayList2）.each（函数（）{
选择list2.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
}
});
});

我的第一个HTML文档
 你好，世界
苹果
黄油
您可以首先使用
$（'#selectBox'）.html（“”）清除新的选择区域

但是还要更改
var selectList2=$（''）.appendTo（'#selectBox'）.remove（）
to
var selectList2=$（''）.appendTo（'#selectBox'）


$（文档）.ready（函数（）{
$（'#defList'）。在（'change'，function（）上{
$（'#selectBox'）.html（“”）；
var tarSelect=$（this.val（）；
console.log（tarSelect）；
如果（tarSelect==1）{
变量arrayList=[{
瓦尔：1，
文字：“一个”
},
{
瓦尔：2，
文字：“A 2”
},
{
瓦尔：3，
文字：“A三”
}
];
var selectList=$（''）.appendTo（'#selectBox'）；
$（arrayList）.each（函数（）{
selectList.append（$（''）.attr（'value'，this.val）.text（this.text））；
});
}else if（tarSelect==2）{
变量arrayList2=[{
瓦尔：1，
文字：“B一”
},
{
瓦尔：2，
文字：“B二”
},
{
瓦尔：3，
文字：“B三”
}
];
var selectList2=$（''）.appendTo（'#selectBox'）；
$（arrayList2）.each（函数（）{
选择