DOM实现select选择提示框

最新推荐文章于 2021-02-24 10:14:20 发布

weixin_30591551

最新推荐文章于 2021-02-24 10:14:20 发布

阅读量177

点赞数

原文链接：http://www.cnblogs.com/weidaijie/p/10349795.html

版权

<!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>

select选择提示框

转载于:https://www.cnblogs.com/weidaijie/p/10349795.html

weixin_30591551

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM实现select选择提示框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="widt...
复制链接

扫一扫