2013-01-15 1 views
1

내 ASP.Net 페이지에서 js 플러그인을 사용했습니다 (here). 내 사이트의 모양과 느낌에 맞는 멋진 사용자 정의 양식 요소가 있습니다. 나중에 i는 Styled CSS 클래스를 asp.net 드롭 다운 목록 컨트롤에 적용하고 AutoPostback 속성을 false으로 설정하면 클라이언트 측에서 선택한 값이 바뀌는 것을 볼 수 없습니다. 그러나 내 페이지의 버튼을 클릭하면 서버에 게시 된 SelectedValue가 변경되지만 UI는 서버에 게시하지 않고 업데이트되지 않습니다. 내가 (예)에 opacity 또는 filter 드롭 다운이 잘 작동 시작하지만, 불행하게도 DropDownList의 모양과 느낌을 방해하는 것을 제거하는 경우asp.net DropDown이 선택된 항목을 변경하지 않습니다 clientside

은 내가 JS 라이언제공하고 관찰 파일을 참조하십시오. opacity는 cutom 형태의 .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 그리고 크롬 버전 24.0.1312.52 m에 직면 해있다. 데모를하더라도 내 컴퓨터에서 잘 작동하지만, 난 내 웹 페이지에 스크립트를 실행 할 때 클라이언트 측에서'selectedValue'에 액세스하는 방법은 – Devjosh

답변

0

모든 자바 스크립트 처리를 중지하는 불투명 설정에 대한 자바 스크립트에 오류가있는 것으로 의심됩니다.

Firefox에서보고 웹 개발자> 오류 콘솔을 사용하여 오류 메시지가 표시되는지 확인하십시오.

+0

응답에 대한 감사 BTW 콘솔에 오류가 없습니다 – Devjosh

관련 문제