在 jquery 插件中仅更改一个 select 样式

Question

所以我正在为 selects 使用 chosen - jquery 插件。

假设我在网页上有四个select，我想让最后一个向上打开。我知道如何更改样式以向上打开 select，但我不知道如何只对一个 select 执行此操作。这可能是微不足道的，但我无法在任何地方找到答案

为了安装它，我下载了文件 chosen.jquery.min.js 以及 chosen.css 并将以下代码放入我的 js 文件处理所有 selects:

$(document).ready(function() {
  $('select').chosen({ width: '100%', disable_search_threshold: 9 });
});

我应该将类添加到 selects，将我想要覆盖的样式添加到 chosen2.css，对吗？但是如何将那些特定的 select 与新的 css 文件连接起来呢？

这是我要完成的 fiddle： fiddle

Answer 1

我认为您可以在 select 标签上使用类或 ID 例如：

$(document).ready(function() {
  $('select.last').chosen({ width: '100%', disable_search_threshold: 9 });
});

或

$(document).ready(function() {
  $('#last').chosen({ width: '100%', disable_search_threshold: 9 });
});

Answer 2

已编辑：

我修改了你的 fiddle，只需将你的最后一个 select 放在 div 中，然后将你的 css 应用到 div 中的选择：

Drop Up

<div class="drop-up">
  <div class="box" style="margin-left: 50px; margin-top: 15px;">
    <select class="chosen-select">
        <option selected="selected">10</option>
        <option>20</option>
        <option>50</option>
        <option>100</option>
    </select>
  </div>
</div>

CSS

.drop-up .chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}

如果这就是您要找的，请告诉我:)

在 jquery 插件中仅更改一个 select 样式

Change only one select style in jquery plugin

javascript

jquery

jquery-plugins

jquery-chosen