聯(lián)系我們
在HTML中，中多擇何多級選擇通(tong)常使用<(′?｀);select>標簽和嵌套的中ヽ(′ー｀)ノ多擇何<option>標簽??來(lái)實(shí)現，以下是中??多擇何一個(gè)簡(jiǎn)單的示例：
<!DOCTYPE html><html><head><meta cha(╬?益?)rset="utf8">&??lt;title>多級選擇示例<??;/title></head><body>&??lt;h2>多級選擇示例</h2><form&(′?ω?`)gt; <label for="countries">國家：</label> <select id="??;countries" onchan(╯°□°）╯︵ ┻━┻ge=&qu??ot;u??pdateCities()&qu??ot;> <option value="china">中(╯‵□′)╯國</option> <option value="usa">美國</option???> </select> <label(′_｀) for="cities">城市：</label> <select id=&??quot;cities"> <??;!這里將根據選擇ヽ(′▽?zhuān)?ノ的中(◎_◎;)多擇何國家動(dòng)態(tài)更新城市選項 > </select></form><script>function update??Cities() { var countriesSelect = document.getElementById("countries"); var citiesSelect = doc( ?▽?)ument.getElementById??("cit(′▽?zhuān)?ies"); var selected(′_｀)Country = countriesSelect.va??lue; // 清空城市選擇框 citiesSelect.(°□°)innerHTML = ""; // 根據選擇的國家添加城市選項 if?? (selectedCountry === "china&qu??ot;) { citiesSelect.innerHTML = ` <option value="beiji(′?｀)ng"??;>北京</option> <option value="shanghai">上海</option> <option value="guangzhou">廣州</option&g( ?ヮ?)t; `; } else if (selected="selected"Country === &q??uot;usa"??) { citiesSelect.innerHTML(??ヮ?)?*:??? = ` <option value="newyork">紐約</option> <option value="??;losangeles"ヽ(′ー｀)ノ;>洛杉磯</option> <option value="chicag??o">芝加哥</option> `; }}</script></body></html>在這個(gè)示例中，我們創(chuàng )建了一個(gè)包含兩個(gè)<select>標簽的中多擇何表單，第一個(gè)<select>標簽用于選擇國家，中多擇何第二個(gè)<select>標簽用于選擇城市，中多擇何當用戶(hù)選擇一個(gè)國家時(shí)，中多??擇何會(huì )觸發(fā)onchang??e事件，中多擇何調用updateCities()函數來(lái)更新城市選擇框的中多擇何選項，這個(gè)函數會(huì )根據選擇的中多擇何國家動(dòng)態(tài)生成相應的城市選項。