首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery设立select控件只读

2012-06-30 
JQuery设置select控件只读select控件是一个特别的控件,没有readOnly属性,所以要设置只读属性有点麻烦了。方

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>

?

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

热点排行