select控件是一个特别的控件,没有readOnly属性,所以要设置只读属性有点麻烦了。
方法如下:
$(document).ready(function(){
$("#countries").focus(function(){
$(this).attr('defaultIndex',$(this).attr('selectedIndex'));
});
$("#countries").change(function(){
$(this).attr('selectedIndex',$(this).attr('defaultIndex'));
});
});
<select id="countries">
<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>
后期还得优化,虽然不可再选择,但是框显示出来让人觉得还可再选择。