javascript - 如何使用带有切换删除代码的javascript变量？

Question

我有 button，对于其他 html 选择元素，它是 false/true。

当按下按钮时，我希望选择元素填充一些值 - 所以我为此目的使用了这段代码:

if ($('#make_a_choose').css("display") !== 'none') {

    var select = document.getElementById("myselect_id");
    var options = ["1", "2", "3", "4", "5"];

        for(var i = 0; i < options.length; i++) {
            var opt = options[i];
            var el = document.createElement("option");
            el.textContent = opt;
            el.value = opt;
            select.appendChild(el);
        }

}

但是，当我切换按钮并再次选择 true 时，我有双倍(三倍...)，因为即使它们已经呈现，它也可以简单地添加值。

所以我决定在 make_a_choose 按钮​​再次关闭时删除元素(作为 false 状态)。我有这样的代码:

if ($('#make_a_choose').css("display") === 'none') {

  var selectobject=document.getElementById("myselect_id");
  var slenght = selectobject.length;

  for (var i=1; i<slenght; i++){
     selectobject.remove(i);
  }

}

此代码没有删除所有选择字段的问题，其中一些没有删除。我想这可能是因为 var slenght = selectobject.length 在处理循环时动态变化。我使用 i=1 作为初始值，因为我不想删除默认选择值，但是如果我使用 i=0 这个问题仍然存在。

有人可以建议如何修复它吗？

Answer 1

请试试这个!

$("#myselect_id").find('option').not(':first').remove();

代替:

  for (var i=1; i<slenght; i++){
     selectobject.remove(i);
  }