在没有 javascript 或 jquery 帮助的情况下在选择选项标签中创建 href 链接答案

【问题标题】：creating href link within select option tag without the help of javascript or jquery在没有 javascript 或 jquery 帮助的情况下在选择选项标签中创建 href 链接
【发布时间】：2014-06-22 18:50:56
【问题描述】：

我有下拉列表和该下拉列表的 onchange 我正在做一些 ajax 调用并像这样更新表格内容，

Main_page.php

<select>
    <option>go to one</option>
    <option>go to two</option>
    <option>go to three</option>
    <option>go to four</option>
</select>
<table>
    on change of dropdown will update this contents
</table>

我也有单独的链接喜欢，

http://example.com/Main_page.php/go-to-one

http://example.com/Main_page.php/go-to-two这样的

现在我想为 SEO 目的将这些 http 链接提供给下拉列表，而我的问题是

<select>
    <option>
        <a href='http://example.com/pages.php/go-to-one'>go to one</a>
    </option>
</select>

这不起作用（意味着<a> 标签未显示在浏览器中）

在这里我不能使用 javascript 或 jquery 来放置 href，因为我这样做是为了 SEO。唯一的可能是我只想使用 HTML。

谁能帮我解决这个问题？

提前谢谢你。

【问题讨论】：

在这里提出并解决了类似的问题：stackoverflow.com/questions/6418634/…
不，使用 javascript 解决是最简单的方法，我已经知道了，但这不是 SEO 友好的，对吧？我已经明确提到我必须为 SEO 目的这样做。
你给我们展示了一个小小提琴。这样我们就可以尝试通过 JS 或不通过 JS 为您提供 html 链接和 SEO 链接。
那么你应该使用<select>以外的一些DOM元素，让它们看起来像一个下拉列表。
尝试使用无序列表。并使用 css 给它一个选择框的外观。您将获得 SEO 链接和它的选择框外观。

标签： html seo

【解决方案1】：

试试这个。它对我有用。

<select>
    <option value='http://example.com/pages.php/go-to-one'>go to one</option>
</select>

【讨论】：