checkbox select readonly兑现

2012-10-06

checkbox select readonly实现简单实现?select?readonly?属性:select在某种条件，不再让用户（编辑）进行选择

checkbox select readonly实现

简单实现?select?readonly?属性:

select在某种条件，不再让用户（编辑）进行选择，也就是说想给select 一个 readonly的属性，可惜select没有这个属性，可以通过以下方法来变相实现readonly效果：
1.? 截取鼠标消息
给select加上 onmousemove="this.setCapture();" onmouseout="this.releaseCapture();" onfocus="this.blur();"
此方法不支持? IE8
2.? 赋值，用户改变值后，让select自动返回初始状态
下面是一个例子：

<html><body><form method="get" action=""><select name="sel" onchange="this.value=3;"><option value='1'>1111</option><option value='2'>2222</option><option value='3'>3333</option><option value='4'>4444</option></select><input type="text"/><input type="submit" value="submit"/></form></body></html>

?checkbox readonly属性:

<input type=checkbox checked onclick=checked=!checked><input type=checkbox onclick=checked=!checked><input type=checkbox disabled onclick=checked=!checked>

热点排行

Bad Request.

Web前端

checkbox select readonly兑现