Javascript JQuery检查多个选择值

我在一个页面上有许多HTML选择，如下所示：

<div>
<h3>Ethnicity</h3>
<select>
   <option value="select">Select</option>
   <option value="african">African</option>
   <option value="africanamerican">African American</option>
   <option value="asian">Asian</option>
</select>
</div>

---

注意：该页面大约有25个选择，我正在尝试使用一个jquery来覆盖所有选择。

您可以使用更改事件处理程序并检查所选值：
检查下面的代码段

$（'select'）。在（'change'，function（）上{
if（$（this）.val（）=='select'）{
警惕（‘有一个…’）；
$（this.css）({
“颜色”：“红色”
});
}否则{
$（this.css）({
“颜色”：“首字母”
});
}
});

种族渊源
选择
非洲的
非裔美国人
亚洲的
您可以使用更改事件处理程序并检查所选值：
检查下面的代码段


$（'select'）。在（'change'，function（）上{
if（$（this）.val（）=='select'）{
警惕（‘有一个…’）；
$（this.css）({
“颜色”：“红色”
});
}否则{
$（this.css）({
“颜色”：“首字母”
});
}
});

种族渊源
选择
非洲的
非裔美国人
亚洲的
您必须自己迭代元素。幸运的是，它非常简单，对您的代码只做了很小的更改：

$('select').each(function() {
  var $this = $(this);
  if($this.val() == 'select') {
    // probably shouldn't alert here...
    // alert('got one...');
    $this.css({'color' : 'red'});
  }
}

您必须自己迭代这些元素。幸运的是，它非常简单，对您的代码只做了很小的更改：

$('select').each(function() {
  var $this = $(this);
  if($this.val() == 'select') {
    // probably shouldn't alert here...
    // alert('got one...');
    $this.css({'color' : 'red'});
  }
}

如果需要检查所有选择，则必须测试是否有一个或多个“未选择”。要实现这一点，您可以执行以下操作：


$（函数（）{
$（'#resetBtn'）。在（'click'，函数（e）上{
$（'select'）。每个（函数（索引、元素）{
$（this.css（{'color'：'black'}）；
});
});
$（'checkBtn'）。在（'click'，函数（e）上{
$（'select'）。每个（函数（索引、元素）{
if（element.selectedIndex==0）{
警惕（‘有一个…’）；
$（this.css（{'color'：'red'}）；
}
});
});
});

勾选
重置选择
种族渊源
选择
非洲的
非裔美国人
亚洲的
如果需要检查所有选择，则必须测试是否有一个或多个“未选择”。要实现这一点，您可以执行以下操作：


$（函数（）{
$（'#resetBtn'）。在（'click'，函数（e）上{
$（'select'）。每个（函数（索引、元素）{
$（this.css（{'color'：'black'}）；
});
});
$（'checkBtn'）。在（'click'，函数（e）上{
$（'select'）。每个（函数（索引、元素）{
if（element.selectedIndex==0）{
警惕（‘有一个…’）；
$（this.css（{'color'：'red'}）；
}
});
});
});

勾选
重置选择
种族渊源
选择
非洲的
非裔美国人
亚洲的
查看以下内容：

看看这个：

您是否阅读了
val（）
的文档？你明白为什么不起作用吗？是的，我可以看出它不起作用-现在尝试使用.find（），然后在每次选择时使用.val（）。你读过
val（）
的文档了吗？你明白为什么它不起作用吗？是的，我可以看出它不起作用-现在尝试使用.find（），然后在每次选择时使用.val（）。
$("select").each(function(){
    if($(this).val() == "YourDefaulValue"){
        $(this).css({'color' : 'red'});
    }
});