html - 联系表格的下拉列表

Question

有没有办法在联系表单的下拉列表中添加额外的“子菜单”？所以它在技术上会像下拉导航一样工作。

下面是我的联系表单的下拉列表。我被要求查看是否可以添加其他选项，比如现有合作伙伴。因此，当他们将鼠标悬停在该元素上时，它会扩展到其他选项。

<label for="hear">How did you hear about us?  </label>
            <select class="contact-drop-down"  name="hear" id="hear">
                <option>Click to choose</option>
                <option value="1">Existing Partner</option>
                <option value="2">Word of mouth</option>
                <option value="3">Brochure</option>
                <option value="4">Email mailshot</option>
                <option value="5">Google</option>
                <option value="6">Yahoo</option>
                <option value="7">Bing</option>
                <option value="8">Other search engine</option>
                <option value="9">Other</option>
            </select> 

Answer 1

您不能使用 HTML 中的标准 select 在悬停时展开，但您可以使用 Javascript 或 HTML5 和 CSS3。

This site有 30 个 HTML5 导航菜单示例列表和 this site有大量 Javascript 和 JQuery 示例可供选择。

希望其中之一可以帮助您获得想要的东西。