所以这是一种特殊的情况 - 我有一个插件,我不能出于合同原因修改.它显示一组下拉菜单,我需要它来显示一组单选按钮.是否有js/jquery方法将下拉列表转换为单选按钮,而无需更改HTML.记住,我可以添加内容 - 我可以直接修改插件(以及HTML).
我知道这是一个糟糕的方法,相信我,我不喜欢它比你做的更多.
可能通过检测下拉选项的值,然后将它们重新格式化为单选按钮,隐藏原始下拉列表？
<form action="http://example.net/store/cart/" method="post" class="shopp product">
<ul class="variations">
<li>
<label for="options-1">Music Download</label>
<select name="products[117][options][]" class="category-catalog product117 options" id="options-1">
<option value="">Select an option</option>
<option value="1">Full Album</option>
<option value="7">Theme</option>
<option value="8">Simian Segue </option>
<option value="9">DK Island Swing</option>
<option value="10">Cranky's Theme</option>
<option value="11">Cave Dweller Concert</option>
<option value="12">Bonus Room Blitz</option>
<option value="13">Aquatic Ambiance</option>
<option value="14">Candy's Love Song</option>
<option value="15">Bad Boss Boogie</option>
<option value="16">Mine Cart Madness</option>
<option value="17">Life in the Mines</option>
<option value="18">Voices of the Temple </option>
</select>
</li> …