當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > 下拉列表框實現(xiàn)多選

下拉列表框實現(xiàn)多選

2012/10/25 15:31:05作者:佚名來源:網(wǎng)絡

移動端

【實例名稱】

下拉列表框實現(xiàn)多選

【實例描述】

下拉列表框用來實現(xiàn)多個相同類型數(shù)據(jù)的顯示,用戶有時需要在這些數(shù)據(jù)中選擇多個。本例學習如何實現(xiàn)下拉列表框的多選。

【實例代碼】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(m.wangbatian.cn)</title> </head> <body> <select name="sel"  multiple> <option> 首都圖書館</option> <option> 首都新華書店</option> <option> 首都數(shù)字圖書館</option> <option> 中關村圖書大廈</option> <option> 愛書網(wǎng)圖書在線</option> </select>  </body> </html>

【運行效果】

運行效果

【難點剖析】

本例的重點是下拉列表框的“multiple”屬性。此屬性控制下拉列表框是否允許多選。如果設置了此屬性,則通過“Ctrl+鼠標左鍵’’可實現(xiàn)選項的多選。

【源碼下載】

本實例JS代碼下載