从选择列表创建自动链接答案

【问题标题】：Create automatic Links from Select List从选择列表创建自动链接
【发布时间】：2012-10-24 22:31:01
【问题描述】：

我有一个简单的<select> 列表，我通过外部 API 收到该列表，该列表无法更改。

我的问题如下：我想将这个<select> 列表转换成一堆常规的html 链接。我想以在<select> 上不起作用的方式使用 CSS 设置列表样式。我用 'display:none' 隐藏原始列表

这个：

<select style="display:none;">
  <option value="E1">Entry 1</option>
  <option value="E2">Entry 2</option>
  <option value="E3">Entry 3</option>
</select>

应该转换成：

<a href="E1" class="X1">Entry 1</a>
<a href="E2" class="X2">Entry 2</a>
<a href="E3" class="X3">Entry 3</a>

我如何做到这一点？

我找到了解决方案，但方法不对！ Create <select> from list - indent child items?

【问题讨论】：

现在好多了。回答自己的问题是可以接受的，但您应该为此目的使用答案字段，而不是编辑您的问题。
请添加一个自我回答。这可能对将来的其他人有所帮助。不要忘记接受它。
如果其他人喜欢您的回答，您甚至会收到badge。
非常感谢大家的大力帮助，我现在已经回答了这个问题！我觉得这个更好！ Stackoverflow 摇滚 ;-)

标签： javascript html select

【解决方案1】：

这里有一个解决方案，可以在http://jsfiddle.net/C5S32/44/进行测试

var options = '';
$('select').find('option').each(function () {
    var
    val = $(this).val(),
    text = $(this).text(),
    i = 1;
    options += '<a href="' + val + '">' + text + '</a>';
});
$('<div class="test" />').append(options).appendTo('#selectnav');

【讨论】：