WebForm框架页面上js修改服务端控件导致后台不能正确获取到控件值的问题【总结】

WebForm框架页面上js修改服务端控件导致后台不能正确获取到控件值的问题

页面代码

                <td><span id="sp_notice_type_item">公告类型</span></td>
                <td style="width:110px;">
                    <asp:DropDownList ID="ddl_notice_type_item</span>" runat="server">
                        <asp:ListItem Value="-1">-选择-</asp:ListItem>
                        <asp:ListItem Value="1">运维公告</asp:ListItem>
                        <asp:ListItem Value="2">产品公告</asp:ListItem>
                        <asp:ListItem Value="3">活动公告</asp:ListItem>
                    </asp:DropDownList>
                </td>

js业务逻辑控制

         if (type == "0")
         {
             $("#sp_notice_type_item").html("公告类型");
             $("#ddl_notice_type_item").html("<option value='-1'>-选择-</option><option value='1'>运维公告</option><option value='2'>产品公告</option><option value='4'>活动公告</option>");
         }
         if (type == "1")
         {
             $("#sp_notice_type_item").html("问题类型");
             $("#ddl_notice_type_item").html("<option value='-1'>-选择-</option><option value='1'>热门问题</option><option value='2'>新手须知</option><option value='3'>隐私说明</option>");
         }

后台代码

ddl_notice_type_item.SelectedValue //此用法在提交时报错如下，刷新后正常提交，但是下拉选项有变动时获取到的值为-1，即未取到实际的值

回发或回调参数无效。在配置中使用 <pages enableEventValidation="true"/> 或在页面中使用 <%@ Page EnableEventValidation="true" %> 启用了事件验证。出于安全目的，此功能验证回发或回调事件的参数是否来源于最初呈现这些事件的服务器控件。如果数据有效并且是预期的，则使用 ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证。

解决办法：

在页面page属性中加上EnableEventValidation="false"

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Add.aspx.cs" Inherits="WebApplication1.MainAdmin.News.Add" EnableEventValidation="false" %>

后台获取控件值使用

Request.Form["ddl_notice_type_item"] //可以正常获取下拉选项的值