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

有没有简单的方法使用jQuery将样式添加到form的选择框?

  sample sample1  

谢谢。

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

 $(selector).select2(); 

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

就这么简单:

HTML

  

JavaScript的

 $("select").simpleselect(); 

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

在此处输入图像描述

文档

尝试使用jquery轻松选择样式框

   

http://fiddle.jshell.net/9Wt89/

通常没有简单的方法来设置表单元素的样式,以便在浏览器之间保持一致。 但你可以选择像Uniform这样的插件

您无法设置标记的样式。 尝试使用一些HTML包装它们,您可以根据需要设置样式/脚本HTML。

你可以做这样的事情(在jQuery中),用你的包装一些标记,

 

然后将

  • 更改为脚本中的更改。

    您无法设置节点的样式,但可以直观地表示样式化的

      节点,它是一个下拉菜单。 Just当页面加载时隐藏原始下拉菜单并通过

        标签形成列表来创建一个。 当用户单击

      • 节点时,也会更改标记的值。