在表单</option> </select> </li> </ul>中使用<ul> <li>代替<select> <option>

Question

我想使用ul->li代替标准select->option

以下是表单中用于选择某些值的代码：

 <select id="group_4" class="attribute_select" 
     onchange="findCombination();getProductAttribute();" name="group_4">
   <option selected="selected" value="21">Option 1</option>
   <option value="22">Option 2</option>
   <option value="23">Option 3</option>
   <option value="24">Option 4</option>
 </select>

我需要将其更改为ul->li，以便我可以根据需要设置此列表的样式。单击“提交”按钮后，选择组中的值将发送到其他页面。

Answer 1

让我为您节省一大堆麻烦，并通过链接到您的行为来编码您不期望的行为：

http://ivaynberg.github.io/select2/

Answer 2

我相信如果没有一些编程，你就无法做到这一点。尝试使用这个超级jQuery插件。

Chosen jQuery plugin