2012-10-25 来源:网络
【实例名称】
被JS代码实现选中的列表项下次不能再选
【实例描述】
本例中列表项的选择类似于单选按钮,用户只能选择一个,而且选择后,列表项不能再变。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧(www.xue51.com)</title>
<script languange="javascript">
function selChange(sel) //选择后触发的事件
{
sel.disabled = true; //某项不能使用
}
</script>
</head>
<body>
<select onchange="selChange(this)">
<option>--请选择--</option>
<option>第一项</option>
<option>第二项</option>
<option>第三项</option>
</select>
</body>
</html>【运行效果】
选之前的效果

选中的效果

【难点剖析】
本例主要是“onchange”事件,用来捕获当列表项发生改变时的事件。使用“disabled”属性来控制下拉列表框为不可选状态。
【源码下载】