在我的ASP.Net頁面上,我使用了從here的js插件。我有很好的自定義表單元素,適合我網站的外觀和感覺。後來我注意到,當我在我的asp.net下拉列表控件上應用Styled
css類,並將它的AutoPostback
屬性設置爲false
時,我看不到在客戶端上更改的選定值。但是,當我點擊我的網頁上的按鈕發佈到服務器的SelectedValue正在改變,但UI不更新沒有發佈到服務器。asp.net DropDown不會改變所選項目客戶端
我看到JS文件由提供瑞安和觀察到的,如果我刪除opacity
或filter
(即中)的下拉開始工作正常,但不幸的是擾亂的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>
如果有的話還需要明確請在評論中告訴我。任何幫助,我會很感激。
+1對於漂亮的插件 –
你在特定瀏覽器上遇到問題嗎?我已檢查過您已鏈接的網站上的演示,並且下拉菜單在FF和IE8中都能正常工作 – VinayC
@VinayC感謝您的回覆。我在FF 18.0和IE 9以及Chrome版本24.0.1312.52米麪臨問題。即使在我的機器上,演示工作正常,但是當我在我的網頁上實現腳本時,它似乎無法工作 – Devjosh