js实现省市区三级联动非select下拉框版

实现省市区三级联动的非select下拉框版，可以利用js和html来实现。

首先，我们可以在html中创建三个空的div元素，分别代表省、市、区的容器。然后，利用js动态创建并添加相应的下拉框元素到对应的div中。

在js中，我们可以先定义一个包含省市区信息的json数据。然后，利用事件监听的方式，当省下拉框发生改变时，动态生成市的下拉框并添加到相应的div中；同理，当市下拉框发生改变时，动态生成区的下拉框并添加到相应的div中。

除此之外，我们还可以利用ajax来从后台获取省市区的数据，实现动态的省市区三级联动。当页面加载时，先通过ajax请求获取省的数据，然后利用js动态生成省的下拉框并添加到对应的div中；当选择省时，再通过ajax请求获取对应的市数据，再动态生成市的下拉框；当选择市时，再通过ajax请求获取对应的区数据，并动态生成区的下拉框。

通过以上的方式，我们就可以实现一个非select下拉框版的省市区三级联动。这样的实现方式不仅可以提升用户体验，还可以减少页面的加载开销和提高页面的响应速度。