transformar <select><option> a <ul><li>

[crissrocca]

buenas, estoy buscando la forma de transformar este codigo

Código:

         <select id="theSelect">
            <option value="">- Select -</option>
            <option value="_A1">A1</option>
            <option value="_A2">A2</option>
            <option value="_A3">A3</option>
        </select>

a esto o similar

Código:

         <ul id="theSelect">
            <li value="">- Select -</li>
            <li value="_A1">A1</li>
            <li value="_A2">A2</li>
            <li value="_A3">A3</li>
        </ul>

para que este script recoja los datos al igual que lo hace con el select actual en la sentencia var value = $("#theSelect option:selected").val();

Código:

$('[class^=is]').hide();
$("#theSelect").change(function() {
    var value = $("#theSelect option:selected").val();
    var theDiv = $(".is" + value);

    theDiv.slideDown();
    theDiv.siblings('[class^=is]').slideUp();
});