Javascript 将标签放置在“选择”上，然后单击打开“选择”

我正在尝试创建一个下拉效果，与GMail中显示的效果相同。单击标签时，将打开一个下拉列表，用户应能够选择值

我认为可以将标签/div与select对齐，这样只有select的allow才可见，当用户单击标签或箭头时，下拉列表应该打开。此外，标签值在下拉列表中不应可见

---

任何通过css或JavaScript提供的帮助？

以上指定的技术将非常棘手，无法正确查看，并且在旧版本的IE中不起作用。旧版本的IE显示选择框高于其他所有内容，这是一个需要解决的问题

最好使用自定义下拉列表，其中有很多是用jQuery编写的

---

或者，您真正需要复制gMail功能的只是几行javascript来隐藏和显示div。

以上指定的技术将非常棘手，无法正确查看，并且在旧版本的IE中不起作用。旧版本的IE显示选择框比其他任何东西都重要，这是一个需要解决的问题

最好使用自定义下拉列表，其中有很多是用jQuery编写的

---

或者，复制gMail功能真正需要的只是几行javascript来隐藏和显示div。

你只需要显示和隐藏div，看看这个

---

您只需要显示和隐藏div，看看这个

---

单击要显示选择框的按钮

请参见这个Jquery示例

简单。show（）和.hide（）函数都存在

如果你想使用css

使用.add（）css或addClass和removeClass

---

请参阅上面的链接。

单击要显示选择框的按钮

请参见这个Jquery示例

简单。show（）和.hide（）函数都存在

如果你想使用css

使用.add（）css或addClass和removeClass

请参阅上面的链接。

我认为jquery.click（）处理程序可能会有所帮助，但没有！：(((

所以我找到了唯一的方法：

<style>
  div {display:inline-block; position:relative;}
  div select {position: absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; cursor:pointer;}
</style>
<div>
  label text here
  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</div>

div{显示：内联块；位置：相对；}
div选择{位置：绝对；左侧：0px；顶部：0px；宽度：100%；高度：100%；不透明度：0；光标：指针；}
标签文本在这里
1.
2.
3.

结果-您单击某个标签，标准选择框打开。并且根本没有JS；）

我认为jquery.click（）处理程序可以帮助您，但没有！：(((

所以我找到了唯一的方法：

<style>
  div {display:inline-block; position:relative;}
  div select {position: absolute; left:0px; top:0px; width:100%; height:100%; opacity:0; cursor:pointer;}
</style>
<div>
  label text here
  <select>
    <option>1</option>
    <option>2</option>
    <option>3</option>
  </select>
</div>

div{显示：内联块；位置：相对；}
div选择{位置：绝对；左侧：0px；顶部：0px；宽度：100%；高度：100%；不透明度：0；光标：指针；}
标签文本在这里
1.
2.
3.

---

结果-单击某个标签，标准选择框打开。完全没有JS；）

请在句子中使用逗号。请在句子中使用逗号。