Javascript HTML：如何删除；无”；从下拉列表中

我有几个HTML下拉列表，由Excel工作表中的数据填充，这些数据通常有空的单元格/列，因此我的下拉列表中没有（占位符）

我无法在后端删除这些“无”，因此我需要一个前端解决方案。有什么想法吗

我的代码：

冷端
{{label_a}}
{{label_b}}
{{label_c}}
{{label_d}}

您的选项id似乎具有相同的名称。因此，您可以选择id为“无”的所有选项元素并将其删除

document.querySelectorAll（'select>#None'）.forEach（e=>e.remove（））

冷端
医生
护士
没有一个
月
没有一个
当您放置标签时，它将生成一个单元格，因此您必须首先使用该单元格。我可以知道为什么你不能使用后端吗？你在使用javascript框架吗？@ZubaerHaque我在后端使用Python。问题是我的前端主要基于每个选择的选项，所以整个代码都希望它始终存在。例如，如果我删除其中一个标签或列，我的部分前端将失败。谢谢！工作得很好！
Ex.: Option 1
     ========
     Doctors
     Nurses
     None
     Month
     None

<div class="center_charts_menu_1">
  <select name="select_label" id="select_label" class="custom-select select_label">
    <option value="['1']" id="0" selected disabled hidden>lengend</option>
    <option value="{{ column_a }}" id='{{ label_a }}'>{{ label_a }}</option>
    <option value="{{ column_b }}" id='{{ label_b }}'>{{ label_b }}</option>
    <option value="{{ column_c }}" id='{{ label_c }}'>{{ label_c }}</option>
    <option value="{{ column_d }}" id='{{ label_d }}'>{{ label_d }}</option>
  </select>
</div>