如何从下拉框中删除空项：代码实例

HTML代码：

<select id='mySelect'>
  <option value=''>请选择</option>
  <option value='1'>选项1</option>
  <option value='2'>选项2</option>
  <option value='3'>选项3</option>
  <option value=''>空项</option>
</select>

JavaScript代码：

var select = document.getElementById('mySelect');
for (var i = 0; i < select.options.length; i++) {
  if (select.options[i].value === '') {
    select.removeChild(select.options[i]);
  }
}

说明：

首先获取下拉框元素，通过循环遍历下拉框中的所有选项，判断选项的值是否为空，如果为空，则通过 removeChild() 方法将该选项从下拉框中移除。