Jquery 调用特定数组以填充<；选择>；单击单选按钮下拉列表

我找到了一种方法，在特定单选按钮上用特定数组填充下拉列表，单击。。。例如，在我的示例中，单击“颜色”。它将显示该阵列，或者当您单击“产品”时，它将显示该阵列。但是我需要帮助在调用产品数组时去掉颜色数组，或者在调用颜色数组时去掉产品数组。因此，当我调用另一个数组时，基本上取消附加一个数组

var productsArray=['Cookies'、'Milk'、'Soda']；
var colorsArray=[“蓝色”、“绿色”、“红色”]；
$（'input:radio[name=“radioSelection”]'）。更改（函数（）{
if（$（this）.val（）=='products'）{
对于（var i=0；i


产品
颜色

您就快到了，问题是它只是附加了，因为这就是您告诉脚本要做的所有事情。你只是让它添加东西，你还需要删除东西

试试这个

$('input:radio[name="radioSelection"]').change(function(){ 
  $('#dropdown2').empty();
   ...


编辑：

// this will select the second element (because the first one is = 0) 
for(var i = 0; i < productsArray.length; i++) { 
if(i == 1) { 
  $('#dropdown2').append('<option value='+i+' selected>'+colorsArray[i]+'</option>');
} else { ...do as normal... }

//这将选择第二个元素（因为第一个元素=0）
对于（var i=0；i
你应该清空select，而不是
这个
。是的，我刚要更新它，在我发表评论时还没有HTML（虽然它在JS小提琴中）。我是jquery新手，那么我如何让empty（）与我已经编写的函数一起工作呢？直接添加
$（'#dropdown2'）。empty（）
对于更改功能，它将按预期工作。是否有办法在下拉列表中预先填充其中一个数组？并且在打开该页面时已预先选择其中一个单选按钮？