的选择字段

Question

在jQuery UI的用户可将复选框或单选字段按钮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.