checkbox select readonly兑现 _Web前端

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>