Javascript jquery:select的一个选项的值为空

这是我的HTML：

<select name="category" class="tri_cat">
<option value="">classer par catégories</option>
<option value="1">label 1</option>
<option value="2">label 2</option>
<option value="9">label 3</option>
<option value="3">label 4</option>
<option value="4">label 5</option>
<option value="5">label 6</option>
<option value="6">label 7</option>
<option value="7">label 8</option>
<option value="8">label 9</option>
</select>

除标签5（也称为值4）外，日志返回空字符串

在其他情况下，日志将返回正确的值

在记录该值之前，我检查url中的哈希值，并更改该值（如果存在）。这是我唯一一次干扰输入值的时刻：

$('.tri_cat').val(hash);

---

这对我来说完全是个谜：我试着用这把小提琴，添加了一个按钮来控制记录值的时间：

$("#btn").click(function(){
  console.log($('.tri_cat').val());
});

在我的小提琴上试一试：

---

在我的情况下，一切正常，因为标签5到

似乎可疑。它在这里工作得很好：是的，上面没有什么问题。这是select的html的复制和粘贴吗？我的直觉告诉我，还有其他代码您没有提到，干扰了这个过程。如果您有多个

.tri_cat

元素，则只会读取第一个元素中的值。因此，如果您更改第二个值，由于从第一个值读取，该值将返回为

'

，我没有告诉您我是通过维护应用程序实现的，我真的应该这样做。我发帖是想了解是什么引起了这样的行为主义。这是在一个维护上下文（发现代码）中，这是一个html问题，两个包含这样一个选择的表单在表单中，具有相同的类和相同的id。。。事实上，奇怪的部分是选择所有其他值，因为当我记录html（）而不是val（）时，我得到了第一次选择的html。@SupFrig这完全取决于您使用的选择器，但是的，这是一个奇怪的场景。

$("#btn").click(function(){
  console.log($('.tri_cat').val());
});