2012-10-01 86 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工作正常。谢谢 –