删除下拉列表中的空白选项

Remove blank options in dropdown

本文关键字：空白 选项 下拉列表 删除      更新时间：2023-09-26

我有一个下拉菜单，我通过javascript动态创建。突然在第0个位置添加了一个空白选项。现在我想通过javascript删除这个空白选项。我面临的唯一障碍是检查空白选项。请帮助

<title>Dynamic DropDownList</title>
<script type="text/javascript" language="javascript">

function AddItemInList()
{
    var list =  document.getElementById('DropDownList1');
    var box =  document.getElementById('Text1');
    var newListItem = document.createElement('OPTION');

    newListItem.text = box.value;
    newListItem.value = box.value;
    list.add(newListItem);

    box.value = "";
    box.focus(); 

}
function RemoveItemInList()
{
    var list  = document.getElementById('DropDownList1');
    if(list.options.length > 0)
    {
        for(var i = list.options.length - 1; i >= 0; i--)
        {
            if(list.options[i].selected)
            {
                list.remove(i);
                return false;
            }
        }
    }
    else
    {
        alert('Unable to remove. List is Empty!');
    }

}

</script>


<form id="form1" runat="server">
<div>
    <asp:DropDownList ID="DropDownList1" runat="server">
    </asp:DropDownList>
    <input id="Text1" type="text" />
    <input id="Button1" type="button" value="Add New"  onclick="AddItemInList();"/>
    <input id="Button2" type="button" value="Remove Item"  onclick="return RemoveItemInList();"/>
</div>
</form>

相关文章：