當(dāng)前位置：軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實(shí)現(xiàn)被選中的列表項(xiàng)下次不能再選

JS代碼實(shí)現(xiàn)被選中的列表項(xiàng)下次不能再選

2012/10/25 15:33:40作者：佚名來(lái)源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

被JS代碼實(shí)現(xiàn)選中的列表項(xiàng)下次不能再選

【實(shí)例描述】

本例中列表項(xiàng)的選擇類似于單選按鈕，用戶只能選擇一個(gè)，而且選擇后，列表項(xiàng)不能再變。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（www.wangbatian.cn）</title>
<script languange="javascript">
function selChange(sel)   //選擇后觸發(fā)的事件
{
  sel.disabled = true;   //某項(xiàng)不能使用
}
</script>
</head>
<body>
<select onchange="selChange(this)">
    <option>--請(qǐng)選擇--</option>
    <option>第一項(xiàng)</option>
    <option>第二項(xiàng)</option>
    <option>第三項(xiàng)</option>
</select>
</body>
</html>

【運(yùn)行效果】

                                                                  選之前的效果

運(yùn)行效果

                                                              選中的效果

運(yùn)行效果

【難點(diǎn)剖析】

本例主要是“onchange”事件，用來(lái)捕獲當(dāng)列表項(xiàng)發(fā)生改變時(shí)的事件。使用“disabled”屬性來(lái)控制下拉列表框?yàn)椴豢蛇x狀態(tài)。

【源碼下載】

本實(shí)例JS代碼下載

 

標(biāo)簽： JS代碼  列表項(xiàng)