Javascript 附加选项列表但删除以前的选项

嗨，我正在尝试根据另一个选择以友好方式在选择列表中附加选项，例如：

<select>
  <option value='firstValue'>firstValue</option>
  <option value='secondValue'>secondValue</option>
</select>

<select>
  // options appended from json depending
</select>

这很好，但我希望新的选项取代以前的选项，如果不堆叠在同一个选择。我尝试过使用.html（）执行此操作，但它只追加数组的最后一个值。我也尝试过这样做：

    $(mySelect).find('option').remove().end().append($(raza))

---

但是它和以前一样，只是AppPend只使用数组的最后一个值，我能得到关于如何实现这一点的帮助吗？谢谢

清除元素的最简单方法是将其长度设置为零

例如：

这将删除列表中的所有元素。在循环浏览数据并添加新项之前，请执行此操作

    $(mySelect).find('option').remove().end().append($(raza))

var select = document.getElementById("mySelect");
select.length = 0;