思路
1、画页面
2、写脚本
(1)获取全部数据;
(2)input文本框里显示省:使用Option获取省,appendChild()追加在页面上;
(3)添加input文本框发生变化事件,使选择之后下面的框里显示下一级的name名称;
①在大数据里拿出省的集合存到一个空的集合里(arraylist);
②遍历arraylist,遍历,每次取最后一位的子集追加在下面的框里;
③点击下面框里的名称,使其在中间的框里显示,添加点击事件;
④给中间现实的名称后面添加关闭文本(X),给所有的X添加关闭事件,使其在中间的框里关闭,并且下面框里的数据名称应该重新更新为正确的。
具体实现如下链接:https://blog.csdn.net/Tracy_di/article/details/91898443