Question

我使用JavaScript创建了一个可过滤的DropDown列表。我使用输入字段，按钮（向下箭头）和具有固定大小的选择框设计了此控件。如果我单击向下箭头按钮，我将放置输入字段下的选择框。但我想将整个控件创建为单个控件。我想为此下拉列表创建一个自己的标记。要显示此下拉列表，我需要简单地调用我自己的标签，如

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

这里Dropcombo标签是用户定义的控件。有没有办法为此下拉组合创建自己的标记？

Answer 1

自定义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，我建议你查看。

Answer 2

创建标记

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

用户定义的Html标记

2 个答案: