jquery - 将下拉菜单更改为列表

Question

有没有办法使用jquery将下拉菜单转换为列表...所以:

<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>

至

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

谢谢

Answer 1

只需迭代<option>元素并<li>为每个元素创建一个对应的元素,然后将它们添加到a中<ul>,如下所示:( #menu您的下拉列表的ID 在哪里)

var list = $('<ul>');
$('#menu option').each(function() {
  $('<li>').text($(this).text()).appendTo(list);
});
list.appendTo($('body'));

关于JSBin的工作示例