DropdownList中项目的选择更改出错

时间:2015-12-30 11:37:56

标签: c# asp.net

在ASP.NET项目中,我必须根据项目选择加载内容(TextBlockButtons等)

<asp:DropDownList ID="ddl_FieldType" CssClass="form-control" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddl_FieldType_SelectedIndexChanged">
    <asp:ListItem Text="Single Line Text" Value="0"></asp:ListItem>
    <asp:ListItem Text="Multiple Line Text" Value="5"></asp:ListItem>
    <asp:ListItem Text="Date Time" Value="2"></asp:ListItem>
    <asp:ListItem Text="Date Only" Value="4"></asp:ListItem>
    <asp:ListItem Text="Single Select" Value="1"></asp:ListItem>
    <asp:ListItem Text="Multiple Select" Value="6"></asp:ListItem>
    <asp:ListItem Text="Yes / No" Value="3"></asp:ListItem>
</asp:DropDownList>

我在更改与回发或回调相关的项目选择时遇到错误:

enter image description here

1 个答案:

答案 0 :(得分:0)

我可能会尝试使用javascript实现这一目标。

这样的事情应该有效:

<asp:DropDownList ID="ddl_FieldType" CssClass="form-control" runat="server" Onchange=findselected()>
<asp:ListItem Text="Single Line Text" Value="0"></asp:ListItem>
<asp:ListItem Text="Multiple Line Text" Value="5"></asp:ListItem>
<asp:ListItem Text="Date Time" Value="2"></asp:ListItem>
<asp:ListItem Text="Date Only" Value="4"></asp:ListItem>
<asp:ListItem Text="Single Select" Value="1"></asp:ListItem>
<asp:ListItem Text="Multiple Select" Value="6"></asp:ListItem>
<asp:ListItem Text="Yes / No" Value="3"></asp:ListItem>

<script type="text/javascript">
            function findselected() {
                var selMenu =    document.getElementById('<%=DropDownList1.ClientID%>');
                var someField = document.getElementById('<%=TB1.ClientID%>');
                var anotherField = document.getElementById('label1');
                var btnField= document.getElementById('<%=ExportBtn.ClientID%>');
                if (selMenu.value == '2' || selMenu.value =='3') {
                    someField.style.display = "none";
                    anotherField.style.display = "none";
                    btnField.style.display = "none";
                }
                else {
                    someField.style.display = "";
                    anotherField.style.display = "";
                    btnField.style.display = "";
                }
            }
 </script>

希望这有帮助, 顶点