如何使用jquery将下拉列表转换为无序列表?

前端之家收集整理的这篇文章主要介绍了如何使用jquery将下拉列表转换为无序列表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何以此格式转换下拉列表:
<select id="yearfilter" name="yearfilter">
<option value="">All years</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
</select>

以这种格式进入无序列表:

<ul id="yearfilter" name="yearfilter">
<li value="">All years</li>
<li value="2011">2011</li>
<li value="2010">2010</li>
<li value="2009">2009</li>
</ul>

使用jquery ??

解决方法

$('#yearfilter').parent().append('<ul id="newyearfilter" name="yearfilter"></ul>');
$('#yearfilter option').each(function(){
  $('#newyearfilter').append('<li value="' + $(this).val() + '">'+$(this).text()+'</li>');
});
$('#yearfilter').remove();
$('#newyearfilter').attr('id','yearfilter');

这就是我要做的.

原文链接:https://www.f2er.com/jquery/178033.html

猜你在找的jQuery相关文章