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

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

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

移動(dòng)端

【實(shí)例名稱】

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

【實(shí)例描述】

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

【實(shí)例代碼】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標(biāo)題頁-學(xué)無憂（yzddtk.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>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

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

【源碼下載】

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