Javascript jQuery隐藏函数未隐藏列表项

我已经在我的网站上添加了排行榜功能，但不幸的是排行榜的最低分数功能没有完全发挥作用

因此，我创建了一个select元素，该元素触发setMinScore函数，该函数检查每个列表元素，并在其input.dial-list包含小于最低分数的值时隐藏它-基本上，我只想显示分数大于最低分数的列表项

但是，当我选择除80和90之外的任何最低分数时，列表中仍会显示两个得分为8的列表项。例如，如果我选择70，则列表项会显示，尽管它们的输入值小于70；但是如果我选择80或90，这些项目将不再显示，因此该功能仅适用于80和90

<select name="candList<?php echo $job['jobId']; ?>" onchange="setMinScore(this)">
 <option value="0">0</option>
 <option value="10">10</option>
 <option value="20">20</option>
 <option value="30">30</option>
 <option value="40">40</option>
 <option value="50" selected>50</option>
 <option value="60">60</option>
 <option value="70">70</option>
 <option value="80">80</option>
 <option value="90">90</option>
</select>

<li>
 <span class="list-content">
 <div class="dial-list-holder">
  <input type="text" value="<?php echo $row['score']; ?>" class="dial-list">
 </div>
 <div class="dial-list-holder">
  <input type="text" value="<?php echo $row['matchScore']; ?>" class="dial-list-match">
 </div>
 <div class="name">
  <h5><?php echo $row['name']; ?></h5>
 </div>
 </span>
</li>

这是javascript函数：

function setMinScore(selectEl)
{
 var minScore = $(selectEl).val();
 var candList = "."+$(selectEl).attr('name');

 $(candList).find('li').each(function() {

 if($(this).find('input.dial-list').val() < minScore) { 
  $(this).hide();  
 } 
 else { 
  $(this).show();    
 }
 });
}

---

谢谢大家，非常感谢你们的帮助

我将添加一个id来选择元素，并在其中获取所选值：

var minScore = $("#id option:selected").val();

而不是你的：

var minScore = $(selectEl).val();

---

谢谢，戈拉兹德！我尝试了var selectId=+$selectEl.attr'id'；var minScore=$selectId+选项：selected.val；但它仍然不起作用你能把你的代码和你试过的东西放进去吗。帮助你会容易得多。