html - 纯HTML+CSS制作下拉菜单

Question

我对此很陌生，所以如果这个问题看起来很简单，请提前致歉!我很感激我能得到的所有帮助，因为我是一个敏锐的学习者:)

我一直在尝试创建两个下拉菜单，它们将在我公司网站的主页上显示为内联元素。似乎已禁用 Javascript 进行编辑(因为我之前曾尝试使用 Codepen 中的预制下拉菜单)。

我希望用户只需点击下拉菜单，然后他们点击的选项就会将他们带到网站的相关部分。

这是我目前创建的 HTML。我希望将此下拉菜单保留为 HTML 和 CSS。

先谢谢大家了! :)

 <div class=" col-xs-12 cold-md-6">
    <select role="menu" id="dropdownMenuElement_10990" class="form-control input-lg " style> == $0
        <option value="/">Looking for a product?</option>
        <option value="/3dexperience">3DEXPERIENCE</option>
        <option value="/catia">CATIA</option>
        <option value="/enovia">ENOVIA</option>
        <option value="/delmia">DELMIA</option>
        <option value="/dymola">DYMOLA</option>
        <option value="/reqtify">REQTIFY</option>
        <option value="/controlbuild">CONTROLBUILD</option>
        <option value="/exalead">EXALEAD</option>
        <option value="/netvibes">NETVIBES</option>
        <option value="/master-3dgage">MASTER 3DGAGE</option>
        <option value="/verisurf">VERISURF</option>
        </select>
  
     
    </div>

Answer 1

下面的代码片段将起作用。这是一个 codepen 带有工作链接(单击 3experience)。

<div class=" col-xs-12 cold-md-6">
    <select role="menu" id="dropdownMenuElement_10990" class="form-control input-lg" onchange="location = this.value;">
          <option value="/">Looking for a product?</option>
          <option value="/3dexperience">3DEXPERIENCE</option>
          <option value="/catia">CATIA</option>
          <option value="/enovia">ENOVIA</option>
          <option value="/delmia">DELMIA</option>
          <option value="/dymola">DYMOLA</option>
          <option value="/reqtify">REQTIFY</option>
          <option value="/controlbuild">CONTROLBUILD</option>
          <option value="/exalead">EXALEAD</option>
          <option value="/netvibes">NETVIBES</option>
          <option value="/master-3dgage">MASTER 3DGAGE</option>
          <option value="/verisurf">VERISURF</option>
        </select>     
    </div>