2011-03-18 7 views
6

잠시 동안이 문제를 조사했지만이를 수행하는 방법을 알 수 없습니다. 드롭 다운 목록에서 아이콘을 사용하는 방법은 무엇입니까?

는 기본적으로 나는

<form method="get" action="testdocs-db.php" name="search" id="search" class="search"> 
<input type="hidden" name="dosearch" value="true"> 
<table width=600 border=0> 
<tr> 
<td>File Type:</td> 
<td> 
<select name="filetype" size="1" > 
<option selected>any</option> 
<option id="text">text</option> 
<option id="msword">msword</option> 
<option id="excel">excel</option> 
<option id="powerpoint">powerpoint</option> 
<option id="pdf">pdf</option> 
<option id="jpeg">jpeg</option> 
<option id="png">png</option> 
<option id="bmp">bmp</option> 
<option id="gif">gif</option> 
</select> 
</td> 
</tr> 
</table> 

이 드롭 다운 데이터베이스를 검색하고 결과를 반환하는 데 사용되는 테이블 내부 형태의 일부입니다 : 예컨대, 드롭 다운 목록에서 아이콘을 사용하려합니다.

도움을 주시면 감사하겠습니다.

감사합니다, 마틴

답변

3

짧은 답변 : 당신은 안 들려요.

드롭 다운에서 아이콘을 사용하려면 순서가 지정되지 않은 목록을 사용하고 javascript를 사용하여 클릭 한 값을 숨겨진 '가짜'드롭 다운 메뉴를 만들어야합니다.) 양식 필드.

1

일반 HTML 및 CSS에서는 사용할 수 없습니다. DTD는이를 허용하지 않습니다.

2

CSS에서 option 요소에 대해 background-image을 정의 할 수 있기 때문에 Firefox에서 가능합니다. AFAIK만이 파이어 폭스를 허용합니다.

jQuery 플러그인을 사용할 수 있습니다. Google 검색에서 this plugin for example을 받았습니다.

+0

네, 마침내 이걸 사용하여 작업 해 주셔서 감사합니다. – martincarlin87

관련 문제