Javascript can'；"t open",；选择"；标签内滑块

我选择了滑块内的选项

<select name="filter-color">
       <option value="red">red</option>
       <option value="green">green</option>
       <option value="blue">blue</option>
       <option value="white">white</option>
</select>

此块位于滑块内部

<select name="filter-color">
       <option value="red">red</option>
       <option value="green">green</option>
       <option value="blue">blue</option>
       <option value="white">white</option>
</select>

红色
绿色
蓝色
白色

当我点击“选择”时，它不会打开

我还尝试了以下javascript：

<script>
 $(function () {
  $("select[name='filter-color']").on('click', function(){
  console.log('filter-color click');
 })
}
</script>

$（函数（）{
$（“选择[name='filter-color']）。在（'click'，function（）上）{
console.log（'filter-color click'）；
})
}

它在控制台中显示“过滤颜色单击”。这意味着事件“单击”正在绑定并使用“选择”

---

可能有什么问题？为什么“选择”无法打开？

您可以发布一个指向JSFIDLE的链接吗？听起来像是一个隐藏的溢出问题。请创建一个演示来复制这个问题。您说过它不会打开，但现在您说它会打开。如果无法复制问题，我们无法猜测。谢谢大家的帮助。我用这个来决定这个问题。