2012-10-01 4 views
0

자바 스크립트를 사용하여 필터링 할 수있는 드롭 다운 목록을 만들었습니다. 입력 필드, 버튼 (아래쪽 화살표) 및 고정 크기의 선택 상자를 사용하여이 컨트롤을 디자인했습니다. 아래쪽 화살표 버튼을 클릭하면 입력 필드 아래에 선택 상자가 배치됩니다. 그러나 나는 전체 컨트롤을 하나의 컨트롤로 만들고 싶습니다. 이 드롭 다운 목록에 대한 고유 한 태그를 만들고 싶습니다. 이 드롭 다운 목록을 표시하려면 다음과 같이 간단한 태그를 호출해야합니다.사용자 정의 HTML 태그

<dropcombo id="xxx" > 
    <op>1</op> 
    <op>2</op> 
</dropcombo> 

여기서 Dropcombo 태그는 사용자 정의 컨트롤입니다. 이 드롭 다운 콤보에 대해 고유 한 태그를 만드는 방법이 있습니까?

+0

음, dropcombo 유형의 이벤트 핸들러를 추가 한 다음 wnat을 처리하지 못합니까? – Mathlight

+4

@ FAngel이 방금 말한 내용을 따르는 것이 좋습니다. –

답변

1

dropcombo 
{ 
display:block; 
text-align:left; 
/* ADD CSS PROPERTY ACCORDING TO YOUR REQUIRDMENT */ 
} 
op 
{ 
/* SAME HERE CSS PROPERTY */ 
} 
2

사용자 정의 HTML 태그 문제는 당신이 그 (것)들을 렌더링하는 방법 브라우저 (브라우저가 그들이 보게하는 방법을 인식하지 못합니다으로) 말할 CSS를 사용해야한다는 것입니다 태그 생성합니다.

<html> 
<body> 
    <customTag>This is my custom tag</customTag> 
</body> 

로 렌더링 :

This is my custom tag 

이 문제를 해결에 더 접근에 대한 https://stackoverflow.com/questions/211394/when-to-use-custom-html-tags를 참조하십시오.

또한 jQuery UI의 체크 아웃을 권장하는 an .autocomplete() ui extender이 있습니다.

+0

Jquery UI가 잘 작동합니다. 고맙습니다 –