在IE中，我可以通过双击来击败onfocus=>onblur方法。 但是记住值，然后在onchange事件中恢复它似乎可以解决这个问题。

<select onfocus="this.oldvalue=this.value;this.blur();" onchange="this.value=this.oldvalue;">
....
</select>

你可以使用javascript变量来做类似的事情，而不需要expando属性。

简单: 添加样式属性到你的选择标签:

style="pointer-events: none;"

您可以禁用除当前选中的选项以外的所有选项，而不是选择本身。这提供了一个工作的下拉菜单的外观，但只有您想要传递的选项是有效的选择。

如果你禁用了一个表单字段，当表单被提交时，这将不会被发送。 所以如果你需要一个像disabled一样工作但发送值的readonly，可以这样做:

在元素的只读属性发生任何变化之后。

$('select.readonly option:not(:selected)').attr('disabled',true);

$('select:not([readonly]) option').removeAttr('disabled');

<select id="countries" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">
<option value="1">Country1</option>
<option value="2">Country2</option>
<option value="3">Country3</option>
<option value="4">Country4</option>
<option value="5">Country5</option>
<option value="6">Country6</option>
<option value="7" selected="selected">Country7</option>
<option value="8">Country8</option>
<option value="9">Country9</option>
</select>

测试和工作在IE 6, 7和8b2, Firefox 2和3,Opera 9.62, Safari 3.2.1 for Windows和谷歌Chrome。

在一个选项中，你可以使用disabled="disabled"，而不是选择本身