关于ios加载html界面时selectpicker无法正常显示问题

问题描叙:
1.界面采用js、html、css及bootstrap相关技术开发而成。再PC端及安卓端都运行正常,但是再ios手机中加载selectpicker时下拉框缺显示为空白。
pc端及安卓端的正常界面:
图片说明
图片说明
ios上的运行的时出发点击事件时三个下拉框出则为空白。
html中为div绑定点击事件。当点击该div会触发点击事件 显示地址的三级联动下拉框
图片说明
同时:id为listaddress的div为上叙的三个联动下拉框
图片说明

在javascript文档就绪事件中 通过selectpicker出事话三级联动框 机制如下代码图片说明

setcity中则是通过省份的内容来加载city下拉框的内容
图片说明

在android及pc端运行加载都是正常的 但是在ios上显示三个下拉框 都为空白 。 第一次来这,希望来大佬帮忙解决了 今天自己改了一天,但是依然没有成功。

补上pc端微信自带浏览器及ios苹果机出bug的界面图片说明

https://blog.csdn.net/u012962759/article/details/79491990

ios上为什么显示空白,你得去ios模拟器,配合safari调试,看看你的下拉框应用到什么css属性,位置,大小..我现在不知道具体原因,,假设原因是这样的:
你的弹出框是一个absolute的元素,没有写top值,在一般浏览器中会默认使用top 0,有些平台就不应用top 0,而是放在子元素的下面,在屏幕外去了

具体原因你还是得去safari调试看看最好,在Element里面直接修改css属性看看效果。
android也有调试方式,了解一下google的inspect

标签在android8.0会直接奔溃,因为原生代码的bug,所以如果想适配所有平台,尽量用些简单的javascript原生的组件。