如何将ul转换为选项

Question

如何转换无序列表：

<ul class="sizeSelect dropdown-menu">
    <li value="112">
        <a onclick="setDropdownText(112);">30x30 30" Waist 30" Leg</a>
    </li>
    <li value="51">
        <a onclick="setDropdownText(51);">30x32 30" Waist 32" Leg</a>
    </li>
    <li value="113">
        <a onclick="setDropdownText(113);">32x30 32" Waist 30" Leg</a>
    </li>
</ul>

到select字段：

<select>
    <option>30x30 30" Waist 30" Leg</option>
    <option>30x32 30" Waist 32" Leg</option>
    <option>32x30 32" Waist 30" Leg</option>
</select>

通过jQuery？

Answer 1

当然是一个奇怪的要求，但最简单的可能是使用replaceWith()：

$('.sizeSelect').replaceWith(function() {
    var $select = $('<select>');

    $('li', this).each(function(item) {
        $select.append(new Option($(this).text(), $(this).attr('value')));
    });

    return $select;
});

Demo