2010-03-22 2 views
2

문제가 해결되지 않아 해결책을 찾던 날이 지나면 스택 오버플로에 도움을 요청합니다.Selectbox 드롭 다운 폼 요소에 대한 Magic jQuery 대체가 필요합니다.

표준 <select> 드롭 다운 양식 요소를 정렬되지 않은 목록이 포함 된 텍스트 상자와 Div로 바꾸려고합니다. 솔루션을 jQuery를 기반으로하고 싶지만 대안을 공개합니다. 나는 거의이 필요한 몇 가지 jQuery 플러그인을 찾았지만, 계속 찾고 있어야하는 실제 솔루션으로는 충분하지 않습니다. 여기

내가 갈거야 어떤 이미지의 : 요소가 (마우스 또는 키보드)를 선택하면

Magic Dropdown

내가 드롭 다운이 그림과 같이보고, 그리고 것, 바로이 첫 번째 줄은 텍스트 상자로 되돌려 보내지 만 편집 할 수는 없습니다. 제출시 사용할 값으로 숨겨진 입력 필드를 채우고 싶습니다.

나는 이걸로 머리카락을 꺼내. 어떤 도움이나지도라도 감사 할 것입니다!

편집 : 백엔드에서 PHP/MySQL에 의해 드롭 다운 옵션이 채워질 수 있습니다.

답변

3

jQuery UI에는 실험실에서 사용할 수있는 선택 메뉴가 있습니다. 이 코드는 최종 릴리스에는 포함되어 있지 않지만 작업 할 수있는 항목이 있습니다.

http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

+0

정말 멋지 네요! 그것은 내가 필요로하는 것과 더 많은 것을 정확히 할 수있는 것처럼 보입니다. 이제는 그것을 사용하는 방법을 알아 내야 만합니다 ... 너무 까다로워서는 안됩니다. 감사! – PlasmaFlux

1

당신은 ASP.NET을 사용하는 경우, 다음 Ajax Toolkit's DropDownExtender

는 기본적으로, 당신은 레이블 (이하 "드롭 다운리스트")와 패널을 creat에 사용하려고하고, 확장을 통해 드롭 다운리스트에 패널을 부착합니다. 그런 다음 세부 드롭 다운 목록 항목을 패널에 채 웁니다.

<asp:Label runat="server" ID="ddl_Test" Text="Please Select an Article."/> 
<ajaxToolkit:DropDownExtender runat="server" ID="dde_Test" TargetControlID="ddl_Remit" DropDownControlID="pnl_TestDropDown" /> 
<asp:Panel runat="server" ID="pnl_TestDropDown" Style="display:none; visibility: hidden;"> 
</asp:Panel> 

그리고 각 드롭 다운 항목에 대한 귀하의 패널에 컨트롤을 추가 할 뒤에 코드에서

후 선택한 (어떤 숨겨진 필드, 텍스트 상자) 페이지에 어딘가에 업데이트 각 항목에 대한 클릭에 자바 스크립트를 드롭 다운 목록에서 선택하십시오.

+0

응답 해 주셔서 감사합니다. Bryan. 내 포스트에서 드롭 다운 옵션을 채우기 위해 PHP/MySQL을 백엔드에서 사용하고 있다고 언급 했어야합니다. – PlasmaFlux

+0

아 좋아요. 문제 없습니다, 방금 전의 생각했습니다 :) –

관련 문제