首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何以编程方式启用下拉列表元素

如何以编程方式启用下拉列表元素
EN

Stack Overflow用户
提问于 2013-09-06 06:31:51
回答 3查看 1.8K关注 0票数 2

我有2个下拉列表dl9和dl10,如下所示。

如果我从dl9 dl10中单击“是”,就会显示它,否则就会隐藏它。

现在,当我单击'no‘并将其转到数据库时,我希望为dl10设置选定的'none’值;如果是的话,‘已完成’和‘正在进行’必须使b变得可见。

我该怎么做?

代码语言:javascript
复制
<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是:

代码语言: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>

我的问题是:当我点击“否”并提交“已完成”进入database....but时,我需要输入“无”.

EN

Stack Overflow用户

回答已采纳

发布于 2013-09-06 06:55:30

Enabled="False"属性在ListItem中造成问题。

代码语言:javascript
复制
<asp:ListItem Selected="True" Value="none" Enabled="False">[SELECT]</asp:ListItem>

我拆掉了,检查了一下,一切都很好。

更新

如果要隐藏该选项,则在javaScript加载页面时隐藏该选项。在script标记中编写这段代码,它将隐藏该选项。

代码语言:javascript
复制
window.onload = function () {
     document.getElementById('<%=DropDownList10.ClientID%>').options[2].style.display = "none";
};

/Update

票数 4
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18651343

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档