<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var citySelect = document.getElementById("city"); citySelect.innerHTML = "<option value=cd>成都</option><option value=my>绵阳</option><option value=ls>乐山</option>"; } function changeCity(obj){ var citySelect = document.getElementById("city"); if(obj.value == "sc"){ citySelect.innerHTML = "<option value=cd>成都</option><option value=my>绵阳</option><option value=ls>乐山</option>"; } else if(obj.value == "gz"){ citySelect.innerHTML = "<option value=gy>贵阳</option><option value=zy>遵义</option><option value=cs>赤水</option>"; } else if(obj.value == "yn"){ citySelect.innerHTML = "<option value=km>昆明</option><option value=dl>大理</option><option value=tc>腾冲</option>"; } } </script> </head> <body> 省：<select id="province" onchange="changeCity(this)"> <option value="sc">四川</option> <option value="gz">贵州</option> <option value="yn">云南</option> </select> 市：<select id="city"> </select> </body> </html>
原文：https://www.cnblogs.com/xieshilin/p/11780261.html