javascript - jquery：选择的一个选项具有空值

Question

这是我的 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>

当我尝试使用 jquery 获取选择的值时，一切正常：

console.log($('.tri_cat').val());

除了标签 5（又名值 4），日志返回一个空字符串。

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

在记录值之前，我会检查 url 中的哈希值，如果存在则更改值。这是我弄乱输入值的唯一时刻：

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

这对我来说完全是个谜：s

Answer 1

我尝试使用这个小提琴，添加一个按钮来控制何时记录值：

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

在我的小提琴上试试：http: //jsfiddle.net/CPLK2/

就我而言，一切正常，标签 5 到