1

是否有任何简单的方法可以在form使用 jQuery 时向选择框添加样式?

<select>
  <option>sample</option>
  <option>sample1</option>
</select>

谢谢。

4

6 回答 6

7

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

就这么简单:

HTML

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>​

JavaScript

$("select").simpleselect();

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

在此处输入图像描述

文档

于 2013-10-02T08:58:26.533 回答
5

查看Select2。它将设置一个选择框的样式,并且还可以使用 Ajax 即时获取数据。

$(selector).select2();
于 2013-02-14T04:26:33.093 回答
2

使用 jquery 尝试简单的样式选择框

  <select class="selectboxdiv">

      <option>choose preset...</option>
      <option>two</option>
      <option>something</option>
      <option>4</option>
      <option>5</option>

  </select>

  <div class="out"></div>

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

于 2013-04-22T11:08:50.207 回答
0

您无法设置<select>节点的样式,但您可以直观地表示样式<ul>节点,它是一个下拉菜单。<ul>就在页面加载时隐藏原始下拉菜单并通过按标签形成列表来创建一个。当用户单击<li>节点时,也会更改<select>标签的值。

于 2013-02-14T04:21:37.727 回答
0

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

于 2013-02-14T04:25:15.843 回答
0

您无法设置<select>标签的样式。尝试用一些 HTML 包装它们,您可以根据需要对 HTML 进行样式/脚本。

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

<div class="selectBox">
    <ul>
        <li></li>
        <li></li>
    </ul>
    <select>
        <option></option>
        <option></option>
    </ul>
</div>

然后将<li>更改映射到<option>脚本中的更改。

于 2013-02-14T04:25:55.333 回答