html - 如何将选项标签链接到html中的其他页面？

Question

在链接我的页面时遇到困难。尝试了所有我知道的技巧(基础知识，因为我刚开始学习网页设计，实际上我是一名平面设计师，我只有 html 和 css 的基础知识，我对 js 或 php 等一无所知。只是为了让你知道。)但没有任何效果。希望你猜对我有帮助。下面是代码..

    <div class="fleft">
        <ul id="cd-dropdown" class="cd-select">
            <option value="-1" selected>OUR SERVICES</option>
            <option class="icon-corporate">Corporate Branding</option>
            <option class="icon-logo">Logo Designing</option>
            <option class="icon-webdesign">Web Designing</option>
            <option class="icon-camera">Photography</option>
            <option class="icon-video">Video Editting</option>
            <option class="icon-art">Illustration</option>
            <option class="icon-work">Graphic Design</option>
        </ul>
    </div>

Answer 1

首先，你是想用下拉框还是列表？

对于下拉菜单，如本 question 中所述，您可以使用 JavaScript 执行以下操作。使用 onChange 事件来指定选择框的值时该怎么做。然后使用 window.location 告诉浏览器导航到特定页面。

<select onChange="window.location.href=this.value">
    <option value="www.google.com">A</option>
    <option value="www.aol.com">B</option>
</select>

对于列表，只需稍微更改语法即可。使用无序列表，然后根据自己的喜好设置样式。

<ul>
    <li><a href="www.google.com"">A</a></li>
    <li><a href="www.aol.com">B</a></li>
</ul>