代码在这里：
请在所有浏览器的最新版本上运行它，并亲自查看。单击按钮时，打开：
那么，哪一个是预期的行为？
【问题讨论】：
标签： javascript jquery cross-browser
如果您查看 jQuery 1.5.1 源代码行 1970，您会看到：
// Treat null/undefined as ""; convert numbers to string
if ( val == null ) {
val = "";
所以预期的行为与您将空字符串作为参数一样。
如果你继续到 1984 行，你会看到：
} else if ( jQuery.nodeName( this, "select" ) ) {
var values = jQuery.makeArray(val);
jQuery( "option", this ).each(function() {
this.selected = jQuery.inArray( jQuery(this).val(), values ) >= 0;
});
if ( !values.length ) {
this.selectedIndex = -1;
}
所以预期的行为是：
option，选择它。 selectedIndex = -1
从这里开始，如果 selectedIndex 设置为 -1，则由浏览器决定如何处理
看着msdn library 它说：
selectedIndex 属性返回 -1 如果选择对象不包含 任何选定的项目。设置 selectedIndex 属性清除任何 现有的选定项目。
所以在 ie 中，预期的行为似乎是它将取消选择所有选项
MDC documentation 和 firefox 也是如此，他们对此非常明确
返回当前的索引 选定的项目。您可以选择一个项目 通过将其索引分配给这个 财产。通过为此分配-1 财产，所有项目将 已取消选择。
似乎基于 webkit 的浏览器对事物有不同的看法。
如果你用谷歌搜索“webkit selectedIndex”，你会看到很多关于 select 标签的错误报告，所以也许它只是很时髦；）
想一想，这是 jQuery 中的一个错误，因为它是一个应该能够在不同浏览器中表现相同的库 - 应该报告 ;)
【讨论】：
哪一个是预期的行为？
jQuery 的val() 函数是documented 来获取字符串值或字符串值数组，因此没有定义的行为。
尝试val([]) 不选择任何内容，或者使用defaultSelected 属性恢复原始值：
$('#select option').each(function() {
this.selected= this.defaultSelected;
});
【讨论】：
我用一个我认为可以帮助你的 jsfiddle 分叉了你的 jsfiddle： http://jsfiddle.net/marcosfromero/AYLrT/
我在 IE、Firefox 和 Chrome 中测试过
jQuery("#button").click(function(event){
var select = jQuery("#select");
// Button click will try to find a "none" option (with no value)
if(select.find('option.none').length===0) {
// If it's not found, it creates the option
select.prepend('<option value="" class="none"></option>');
}
// And then it selects it
select.val('');
});
// When select value is changed...
jQuery('#select').change(function() {
var me = $(this);
// ... to something different than empty ("")...
if(me.val() !== '') {
//... it removes that option
me.find('option.none').remove();
}
});
【讨论】：
这些行为都不是不合理的。 在 Chrome 中，这是有道理的，因为您将值设置为空，因此它什么也不显示。 在 IE 中，这是有道理的，因为您没有更改为有效值，因此它不会改变任何内容。
如果您希望所有浏览器的行为都像 Firefox，只需将值设置为 1。
【讨论】：