javascript - 如何计算在我的网站上输入的评论数

Question

我有一个网站，目前我可以知道从各种下拉菜单中选择了多少答案。现在我希望能够计算 textarea 标签内的评论。我有一个 js fiddle 来满足我的基本需求。

https://jsfiddle.net/josephmckenzie/Lr1evv3v/3/

当您单击评论链接时，它会在当前下拉列表下打开一个带有评论框的 Accordion ，一旦输入，他们就会继续下一个问题。它们都应该向上计数(下拉计数器已经工作)，如果在选择菜单的同时输入评论，评论计数器也应该向上计数。

 <div class="QuestionsAnswered">
summary<br>
Total  = <span class="cnt-total">0</span> <br>
</div>

<select name="firstone">
  <option value="">Choose One</option>
  <option value="Yes">Yes</option>
  <option value="No">No</option>
  <option value="na">N/A</option>
</select>   

<div class="accordion">Comment</div>
   <div class="panel">
      <textarea name="comment<%=index%>" rows="4" cols="15"></textarea>
   </div>


<select name="secondone">
   <option value="">Choose One</option>
   <option value="Yes">Yes</option>
   <option value="No">No</option>
   <option value="na">N/A</option>
</select>  

js

$('select').change(function() {
// get all selects
var allSelects = $('select')
var total = 0;

// for each select increase count
$.each(allSelects, function(i, s) {
    // increase count
    if($(s).val() == 'Yes' ) { total++; }
    if($(s).val() == 'No') { total++; }
    if($(s).val() == 'na') { total++; }
});

$('.cnt-total').text(total);

 });

var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].onclick = function(){
    this.classList.toggle("active");
    this.nextElementSibling.classList.toggle("show");
}
};

我试过将选择更改为文本区域，将 .val != 更改为空白字符串和其他一些东西，但唉，我来找你 Stack

Answer 1

确保“总计”是一个全局变量，因此将其从 $(.'select').change(function()) ( https://jsfiddle.net/Lr1evv3v/7/ ) 中取出。

$("#the_answer").on("blur", function(){
 $(this).val() ? total++ : total--;
 $('.cnt-total').text(total); //to update the total text
});