Javascript 正在尝试基于带/out jQuery的更改重置选择选项

我在一个无法使用jQuery的环境中工作。当另一个选择框中的选项更改时，我想更新其中一个选择框中的选项。我现在拥有的并没有完全清除之前的选项集，或者它添加了我不想要的选项

我希望实体选项取决于所选的发起人选项

赞助商
选择一个选项
实体
选择一个选项
//提案国名单
const赞助商列表=[
{
赞助商名称：“赞助商一号”，
发起人实体：[“Sp1实体一”、“Sp1实体二”、“Sp1实体三”]，
赞助签署人：[
{signerName:“Sp1 Signer One”，signerTitle:“Sp1 Si1 Title”}，
{signerName:“Sp1 Signer Two”，signerTitle:“Sp1 Si2 Title”}
]
},
{
赞助商名称：“赞助商二号”，
赞助实体：[“不适用”]，
赞助签署人：[
{签名名称：“Sp2签名人1”，签名：“Sp2 Si1标题”}
]
},
{
赞助商名称：“赞助商三”，
赞助实体：[“不适用”]，
赞助签署人：[
{签名名称：“Sp3签名人1”，签名：“Sp3 Si1标题”}，
{签名名称：“Sp3签名人2”，签名：“Sp3 Si2标题”}
]
}
];
让赞助商重视；
让赞助指数；
//加载时调用PopulatesPosorDropdown函数
addEventListener（“加载”，函数（）{
此.populatesPossorDropdown（）；
});
//从赞助商列表中填充赞助商下拉列表
函数populateSponsorDropdown（）{
for（设i=0；i

我想我通过替换

const emptyDropdown = document.getElementById("entityDropdown");
  const length = emptyDropdown.options.length;
  for (i = 0; i < length; i++) {
    emptyDropdown.options[i] = null;

const emptyDropdown = document.getElementById("entityDropdown");
  const length = emptyDropdown.options.length;
  for (i = 0; i < length; i++) {
    emptyDropdown.options[i] = null;

  const emptyDropdown = document.querySelector("#entityDropdown");
  emptyDropdown.innerHTML = "";