javascript - 从选择列表创建自动链接

Question

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

我的问题如下：我想将此<select>列表转换为一堆常规的 html 链接。我想以不适用的方式使用 CSS 为列表设置样式<select>。我用“显示：无”隐藏原始列表

这：

<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>

我如何实现这一目标？

我找到了解决方案，但方法不对！从列表中创建 <select> - 缩进子项？

Answer 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');