當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 下拉列表框?qū)崿F(xiàn)多選

下拉列表框?qū)崿F(xiàn)多選

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

移動端

【實例名稱】

下拉列表框?qū)崿F(xiàn)多選

【實例描述】

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

【實例代碼】

 

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

【運行效果】

運行效果

【難點剖析】

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

【源碼下載】

本實例JS代碼下載