<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>select选择提示框</title> </head> <select name="" id="q1"> <option value="1">山东</option> <option value="2">上海</option> </select> <select name="" id="q2"> </select> <script src="jquery-3.3.1.min.js"></script> <script> var data={"1":["临沂市","青岛市","济南市"],"2":["外滩","qq","ww"]}; var Elq1=document.getElementById("q1"); var Elq2=document.getElementById("q2"); Elq1.onchange=function() { Elq2.innerHTML=""; va = Elq1.value; var ret=data[va]; for (var i in ret) { var optionEle = document.createElement('option'); Elq2.appendChild(optionEle); optionEle.innerText=ret[i]; } } </script> </body> </html>