【实例名称】
被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”属性来控制下拉列表框为不可选状态。
【源码下载】
本实例JS代码下载
……