JSFiddle - React, Tailwind, and code Playground

by secretgspot

HTML

<input type="button" value="convert to select element" id="convert" />
<ul class="nav nav-tabs">
  <li class="active">
    <a href="#">Everything</a>
  </li>
  <li><a href="#">Catalog</a></li>
  <li><a href="#">Articles</a></li>
</ul>

JavaScript

$(function() {
    $('#convert').click(function() {
        var $select = $('<select></select>');

        $('.nav-tabs li a').each(function() {
            $select.append('<option>' + $(this).text() + '</option>');
        });

        $('.nav').before($select).remove();
    });
});