JQuery设置select控件只读

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>

 

后期还得优化，虽然不可再选择，但是框显示出来让人觉得还可再选择。