使用jQuery轻松选择样式选择框

jhu*_*lio 1 css jquery select

有没有简单的方法可以在form使用jQuery 的选择框中添加样式?

<select>
  <option>sample</option>
  <option>sample1</option>
</select>
Run Code Online (Sandbox Code Playgroud)

谢谢.

use*_*278 7

你也可以使用jQuery.SimpleSelect,它只是一个非常简单和轻量级(1.75kb gzipped)的插件,可以将你的<select>元素转换成一堆div,你可以使用CSS来设置样式.

就这么简单:

HTML

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>?
Run Code Online (Sandbox Code Playgroud)

JavaScript的

$("select").simpleselect();
Run Code Online (Sandbox Code Playgroud)

并且(使用您可以明显自定义的默认样式),它为您提供:

在此输入图像描述

文档


Ste*_*eve 5

看看Select2.它将为选择框设置样式,也可以使用Ajax动态获取数据.

$(selector).select2();
Run Code Online (Sandbox Code Playgroud)