當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > 編程其他 > 給下拉列表框數(shù)據(jù)分組

給下拉列表框數(shù)據(jù)分組

2012/10/26 11:12:07作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

給下拉列表框數(shù)據(jù)分組

【實(shí)例描述】

如果下拉列表框的內(nèi)容不相近,可以用多個(gè)下拉列表框表示,如部門列表、人員列表。如果下拉列表框的內(nèi)容比較相近,此時(shí)可以通過(guò)一個(gè)下拉列表框?qū)崿F(xiàn),并在其中設(shè)置不同的組。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂(wangbatian.cn)</title>
<body>
<SELECT>
<OPTGROUP LABEL="山東省">
<OPTION>濟(jì)南</OPTION>
<OPTION>青島</OPTION>
<OPTION>濰坊</OPTION>
</OPTGROUP>
<OPTGROUP LABEL="河北省">
<OPTION>保定</OPTION>
<OPTION>滄州</OPTION>
<OPTION>石家莊</OPTION>
</OPTGROUP>
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

 本例的重點(diǎn)是下拉列表框中的“組”?!皁ption”表示下拉列表框中的某項(xiàng),而“optgroup”則表示下拉列表框中的某組。 

【源碼下載】

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

 

標(biāo)簽: 列表框  數(shù)據(jù)  分組