选择，null选项，区别在Chrome和Firefox中

Question

代码如下并在http://jsfiddle.net/eCubeH/utBEs/1/

选择是必需的。因此，选择第一个空字符串值选项应该使其无效。我使用jquery条件：（$（myChangeSelector +“：invalid”）.length> 0）来标识无效状态。 Firefox 15正确返回值1以显示它无效。 Chrome 21返回0，然后继续表现不一致。

一直在打我的头，这是一个Chrome错误或我错过了什么？

-----代码-----

<select id="selDisbLocation" required="" tabindex="3"> 
    <option value="" >-</option> 
    <option value="0" selected>Center</option> 
    <option value="1" >Office</option> 
</select>​ 

$(function() { 
    $("select").live(
    "change", 
    function(event) { 
     myChangeSelector = "#" + event.target.id; 
     alert(myChangeSelector); 
     alert($(myChangeSelector).val()); 
     alert("Invalid Length: " + $(myChangeSelector + ":invalid").length); 
    }); 
}); 

Answer 1

据https://developer.mozilla.org/en-US/docs/CSS/:invalid，CSS的伪类:invalid只适用于<input>和<form>元素。这可能是你意想不到的结果的原因。

我会建议通过值或索引来取代<select>而无效。