2012-10-01 115 views
0

我使用JavaScript創建了一個可過濾的DropDown列表。我使用輸入字段,按鈕(向下箭頭)和固定大小的選擇框設計了此控件。如果我點擊箭頭按鈕,我會將選擇框放在輸入字段下。但我想創建整個控件作爲一個單一的控制。我想爲此下拉列表創建一個自己的標籤。要顯示此下拉列表,我需要簡單地調用我自己的標記,如用戶自定義HTML標記

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

此處Dropcombo標記是用戶定義的控件。 有沒有辦法爲這個下拉組合創建一個自己的標籤?

+0

好吧,難道你不能只是在類型dropcombo上添加一個事件處理程序,然後做你想要的東西嗎? – 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工作正常。謝謝 –