标签，一旦点击就会更改为选项框

Question

我有一个桌子，它的一个容器中有一个标签，我想要的是当用户点击该标签时它将变成带有选项的选项框，用户可以选择一个然后点击它将切换到他选择的标签。

我假设这可以在Javascript中完成。

Answer 1

像this之类的东西？这只是一个快速而肮脏的JavaScript实现，所以如果您有其他特定要求，请随时添加问题。

Answer 2

是的，您可以在JavaScript中执行此操作。

Here is a small, self-contained example使用javascript框架jQuery显示答案。如果您要在页面上大量使用Javascript，我建议使用框架。

Here is that same example不使用Javascript框架。

两个示例都依赖于为包含标签/ select的div提供一个类，指示它当前是标签还是选择。两者都在整个文档上使用单击处理程序，在标签/ select上使用单击处理程序。

如果您还不了解其工作原理，我强烈建议您深入了解Javascript中的事件和处理程序以及文档对象模型（DOM）。