Кнопка jQuery UI для выбора полей

Question

в пользовательском интерфейсе jQuery вы можете преобразовать флажки или радиополя в кнопки -> http://jqueryui.com/demos/button/#radio

Теперь я хочу то же самое для значений параметров полей выбора. Это значит:

<select name="text">
 <option>Value 1</option>
 <option>Value 2</option>
 <option>Value 3</option>
 <option>Value 4</option>
</select>

Должен быть преобразован в:

<input type="button" value="Value 1">
<input type="button" value="Value 2">
<input type="button" value="Value 3">
<input type="button" value="Value 4">

Есть ли у кого-нибудь решения по моему вопросу?

Answer 1

Да. Например:

var buttons = "";
$("select option").each(function () {
    buttons += "<input type='button' value='" + this.value + "'/>";    
});

$("select").replaceWith(buttons);​

Демо.