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>
 

你可能感兴趣的:(html,checkbox,readOnly,select)