2013-01-15 35 views
1

在我的ASP.Net頁面上,我使用了從here的js插件。我有很好的自定義表單元素,適合我網站的外觀和感覺。後來我注意到,當我在我的asp.net下拉列表控件上應用Styled css類,並將它的AutoPostback屬性設置爲false時,我看不到在客戶端上更改的選定值。但是,當我點擊我的網頁上的按鈕發佈到服務器的SelectedValue正在改變,但UI不更新沒有發佈到服務器。asp.net DropDown不會改變所選項目客戶端

我看到JS文件由提供瑞安和觀察到的,如果我刪除opacityfilter(即中)的下拉開始工作正常,但不幸的是擾亂的DropDownList的外觀和感覺。該opacity是動態設置的使用對自定義形式的.js

特別是這行代碼設置元素

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>'); 

這裏的opacity是我的標記

<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> 

如果有的話還需要明確請在評論中告訴我。任何幫助,我會很感激。

+0

+1對於漂亮的插件 –

+0

你在特定瀏覽器上遇到問題嗎?我已檢查過您已鏈接的網站上的演示,並且下拉菜單在FF和IE8中都能正常工作 – VinayC

+0

@VinayC感謝您的回覆。我在FF 18.0和IE 9以及Chrome版本24.0.1312.52米麪臨問題。即使在我的機器上,演示工作正常,但是當我在我的網頁上實現腳本時,它似乎無法工作 – Devjosh

回答

0

我懷疑在不透明度設置的JavaScript中有一個錯誤,它會停止所有進一步的JavaScript處理。

在Firefox中查看並使用Web Developer> Error Console查看是否看到任何錯誤消息。

+0

控制檯中沒有錯誤BTW感謝您的響應 – Devjosh