jQueryのUI上の選択したフィールド

Question

のためのjQuery UIボタンあなたがボタンにチェックボックスやラジオのフィールドを変換することができます - >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);​ 

Demo.