如何使用 jQuery 从选择框插件中更改选择？答案

【问题标题】：How change select from Select box plugin using jQuery?如何使用 jQuery 从选择框插件中更改选择？
【发布时间】：2012-10-23 16:34:47
【问题描述】：

我不明白为什么我不能这样做——应该很简单。

如果存在一些错误 div - 我想更改选择框样式，但我没有这样做。

这是我在 CSS 文件中设置选择框的方法：

.selectBox-options{
-moz-box-shadow: 0px 3px 3px 3px rgba(98,141, 40, 0.2);
-webkit-box-shadow: 0px 3px 3px 3px rgba(98,141, 40, 0.2);
box-shadow: 0px 3px 3px 3px rgba(98,141, 40, 0.2);
border-bottom: 1px solid rgb(98,141, 40);
border-left: 1px solid rgb(98,141, 40);
border-right: 1px solid rgb(98,141, 40);
border-bottom-left-radius:3px;
border-bottom-right-radius: 3px;
}

如果有名为 field_with_errors 的 div，我应该更改样式。

代码如下：

   if($('.field_with_errors').is(':visible')){
        alert('aaa')
        $('.selectBox-options').css({"-moz-box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)"});
    }

Field_with_errors DO 出现，因为我收到警告框。

如何更改边框和框阴影？

【问题讨论】：

标签： jquery css drop-down-menu

【解决方案1】：

用它来改变。

$('.selectBox-options').css("-moz-box-shadow","0 0 3px 3px rgba(222,162, 162, 0.4)");

因为改变css的语法是

$('#id').css('property','value');

【讨论】：

【解决方案2】：

你可以试试这个，

$('.selectBox-options').css({"-moz-box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)",
                            "-webkit-box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)",
                             "box-shadow":"0 0 3px 3px rgba(222,162, 162, 0.4)",
                            });

JSFiddle

【讨论】：

可以使用firebug查看问题。如果是与 javascript 相关的错误，您可以在 firebug.console 或 chrome 控制台上看到错误。或者如果是与 CSS 相关的错误，您可以使用元素检查来查看。
Firebug 或 Google 控制台中没有错误。试图检查，但没有看到，来自 jquery 的规则被覆盖。
你的项目在网上有 url 吗？
我会做一些修改，然后给你发一个链接。
91.228.126.168:3000 - 在网站 url 字段中输入一些 url 并且不选择任何内容来显示错误