javascript getSelectedValues 函数

Question

好的，我有这段代码可以选择并计算选择了特定选项的选择框的数量。但是，我想将其更改为组。我有 3 组下拉菜单，它们目前位于

<div class"groupA"> 

等等。

我想要做的是获取每个组的计数。如何修改此脚本以仅计算页面上特定组内的选定内容？现在它可以工作，但会计算整个页面上选择的数量。

<script type="text/javascript">


function getSelectedValues(){
  var matches = $('select').filter(function(){
  return $(this).val() == '5';
  }).length;
  // here's where we just update that new <span>
  $('span#result5').text(matches);
}

// and here we bind to the change event for the selects
// and re-call our above function.
$('select').on('change', getSelectedValues);

   </script> 


 <span id="result5"></span>

其次，现在 span id=result 显示选择特定选项的次数。相反，如果计数的数量超过 1，我希望它将文本颜色更改为红色。所以这是我希望它执行的操作的糟糕示例:

<span id="result5"></span>

This select name <-- how it displays when 0, or 1 are selected

<font color="#FF0000">This select name</font>
    ^-- how it displays when 2 or more are selected

Answer 1

要仅选择组中的“选择”，请尝试使用以下方式选择它们:

var matches = $('.groupA select')...

要将其更改为红色，请尝试以下操作:

// here's where we just update that new <span>
if(matches > 1){
    $('span#result5').css( "color", "red" );
}
$('span#result5').text(matches);

希望能帮上忙