asp.net DropDown不会更改所选项目客户端

时间:2013-01-15 07:12:34

标签: javascript jquery asp.net drop-down-menu

在我的ASP.Net页面上,我使用了来自here的js插件。我得到了很好的自定义表单元素,适合我的网站的外观和感觉。后来我注意到,当我在我的asp.net下拉列表控件上应用Styled css类并将其AutoPostback属性设置为false时,我无法在客户端看到所选值的变化。但是,当我单击页面上的一个按钮时,发布到服务器的SelectedValue正在更改,但UI没有更新而没有发布到服务器。

我看到 ryan 提供的js文件并观察我是否删除opacityfilter(在ie中)下拉列表开始正常工作,但不幸的是,这会扰乱外观和感觉DropDownList。使用cutom-form .js

动态设置opacity

特别是这行代码设置了元素的opacity

document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + 140 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');

这是我的标记

<asp:DropDownList ID="ddlRestaurants" runat="server" CssClass="styled" AppendDataBoundItems="True" AutoPostBack="false" Width="50">
<asp:ListItem Value="0" Text="All Restaurants"></asp:ListItem>
</asp:DropDownList>

如果仍需要清楚,请在评论中告诉我。任何帮助,我会很感激。

1 个答案:

答案 0 :(得分:0)

我怀疑javascript中的不透明度设置存在错误,该错误会停止所有进一步的javascript处理。

在Firefox中查看并使用Web Developer&gt;错误控制台以查看是否看到任何错误消息。