Javascript 响应式下拉菜单：在菜单中选择导航和图像

我使用将内联菜单（ul）转换为移动设备上的选择下拉菜单。这对于专用文本菜单很好，但当我使用图像链接到内联菜单时，我遇到了一个问题。选择提供了一个空选项。。。 这是我的菜单代码：

<ul class="horizontal-nav" id="subnav"><li><img alt="Provence Formation" src="../images/logo-Pf-sites-lycees.jpg" style="width: 335px; height: 55px;" /></li><li><a href="/node/73" title="Recrutement de l'association">Ecole Directe</a></li><li><a href="/node/149" title="Inscription dans les lycées">OBII</a></li><li><a href="/node/23" title="Nous contacter par message électronique">Contact </a></li></ul>

是否有方法告诉selectnav使用图像的alt或title属性

---

谢谢

没人知道？我找不到有关此用例的任何信息。Selectnav从锚元素中获取文本以创建

select

元素选项。你可以做的是将图像包装在一个锚中，并使用图像替换技术，CodePen上有一个列表，这是一种方法。在我想到使用javascript在菜单转换为select nav时用它的一个属性（title或alt）替换imagee之前，我正在尝试锚定技术，因此，我在我的图像中添加了一个锚点，如下所示：

，但在移动设备上，选择选项仍然为空。

上有图像背景，文本缩进有效：）没人知道？我找不到有关此用例的任何信息。Selectnav从锚元素中获取文本以创建

select

元素选项。你可以做的是将图像包装在一个锚中，并使用图像替换技术，CodePen上有一个列表，这是一种方法。在我想到使用javascript在菜单转换为select nav时用它的一个属性（title或alt）替换imagee之前，我正在尝试锚定技术，因此，我在我的图像中添加了一个锚点，如下所示：

，但在移动设备上，选择选项仍然为空。

上有图像背景和文本缩进：）