asp.net - 如何以编程方式启用下拉列表元素

Question

我有 2 个下拉列表 dl9 和 dl10，如下所示。
如果我在 dl9 中单击"is"，dl10 将变为可见，否则它将被隐藏。

现在，当我点击“否”时，我想为 dl10 选择“无”值，它将进入数据库；如果是，则只有“已完成”和“正在进行”必须可见。

我该怎么做？

<asp:DropDownList ID="DropDownList9" runat="server" Width="128px"  onchange="display()"  >
        <asp:ListItem Value="yes">Yes</asp:ListItem>
        <asp:ListItem Value="no">No</asp:ListItem>
    </asp:DropDownList>

<asp:DropDownList ID="DropDownList10" runat="server" Width="107px" TargetControlID="DropDownList9" >
        <asp:ListItem Value="completed">Completed</asp:ListItem>
        <asp:ListItem Value="ongoing">Ongoing</asp:ListItem>
        <asp:ListItem Selected="True" Value="none" Enabled="False">[SELECT]</asp:ListItem>
    </asp:DropDownList>

我隐藏 dl10 的 Javascript 是:

<script type="text/javascript" language="javascript">
    function display()
     {
         if (document.getElementById('<%=DropDownList9.ClientID%>').value == "no") 
        {
            document.getElementById('d1').style.visibility = "hidden";
            document.getElementById('<%=DropDownList10.ClientID%>').style.visibility = "hidden";
            document.getElementById('<%=DropDownList10.ClientID%>').value = "none";
            //DropDownList10.SelectedValue = "none";   not wrkin
        }
        else {
            document.getElementById('<%=DropDownList10.ClientID%>').style.visibility = "visible";
            document.getElementById('d1').style.visibility = "visible";
        }
    }
 </script>

我的问题是:当我点击“否”并提交时，“已完成”进入数据库....但我需要输入“无”...

Answer 1

ListItem 中的

Enabled="False" 属性正在产生问题。

<asp:ListItem Selected="True" Value="none" Enabled="False">[SELECT]</asp:ListItem>

我删除并检查，它工作正常。

[更新]

如果您想隐藏该选项，请在通过 javaScript 加载页面时隐藏它。将这段代码写在 script 标签内，它会隐藏该选项。

window.onload = function () {
     document.getElementById('<%=DropDownList10.ClientID%>').options[2].style.display = "none";
};

[/更新]