當前位置:軟件學堂 > 資訊首頁 > 網絡編程 > 編程其他 > 下拉列表框實現多選

下拉列表框實現多選

2012/10/25 15:31:05作者:佚名來源:網絡

移動端

【實例名稱】

下拉列表框實現多選

【實例描述】

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

【實例代碼】

 

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

【運行效果】

運行效果

【難點剖析】

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

【源碼下載】

本實例JS代碼下載

 

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频 视频,欧美一级特黄录像视频