判断页面加载后是否所有的下拉框都有数据

不念不忘少年蓝@ 2022-08-22 04:46 74阅读 0赞

业务场景：

在页面加载的过程中，可能由于网络等原因造成某些下拉列表的值没有加载到，为了解决这个问题，可以在页面加载后对所有的下拉框进行判断，如果有下拉框的值为空，那么就重新加载整个页面。

js代码

<script type="text/javascript">
    //页面加载时执行函数
    window.οnlοad=function(){
    	//判断是否所有的下拉框都有数据，这里要使用延迟，因为页面发送ajax请求获取下拉列表需要时间
    	setTimeout('checkSelect()',3000);
    }
    </script>
    <script type="text/javascript">
    	function checkSelect(){
    		if(document.getElementById("manageTypeId").options.length <= 1 
    			|| document.getElementById("enterpriseTypeId").options.length <= 1
    			|| document.getElementById("accountingTypeId").options.length <= 1
    			|| document.getElementById("enterpriseClassId").options.length <= 1
    			|| document.getElementById("ceoCertTypeId").options.length <= 1
    			|| document.getElementById("caterClassId").options.length <= 1
    			|| document.getElementById("chargePersonCertTypeId").options.length <= 1
    			|| document.getElementById("operatingCharacteristicsId").options.length <= 1
    			|| document.getElementById("manageHouseTypeId").options.length <= 1
    			|| document.getElementById("managementModelId").options.length <= 1
    			|| document.getElementById("warehouseUsageModeId").options.length <= 1
    		){
    			if(confirm('由于网络原因，页面未加载成功，请点击确定重新加载！')){
    				//重新加载页面
    				window.location.href=window.location.href;
    			}
    		}
    	}
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，74人围观）

还没有评论，来说两句吧...

相关阅读

相关 element下拉框，滚动加载更多数据

element下拉框没有自带下拉加载更多数据的操作，所以需要自定义一些指令第一步：新建一个JS import Vue from '

今天药忘吃喽~/ 2022年12月10日 15:00/ 0 赞/ 336 阅读

相关 php 上拉加载下拉刷新页面,上拉加载，下拉刷新（即分页功能）

Hello APP \contant\{ \} .ids\{ text-align: center; margin-bottom: 5px; border-bott

约定不等于承诺〃/ 2022年10月21日 12:53/ 0 赞/ 256 阅读

相关 vantui列表数据展示，上拉加载下一页，下拉刷新页面

直接上代码： <div class="profly-layout"> <van-pull-refresh v-model="refreshing" @

太过爱你忘了你带给我的痛/ 2022年10月07日 06:46/ 0 赞/ 97 阅读

相关 JQ动态加载下拉框数据

$.getJSON("${pageContext.request.contextPath}/shop/loadAjaxFloor.action",

痛定思痛。/ 2022年08月22日 12:23/ 0 赞/ 163 阅读

相关判断页面加载后是否所有的下拉框都有数据

业务场景：在页面加载的过程中，可能由于网络等原因造成某些下拉列表的值没有加载到，为了解决这个问题，可以在页面加载后对所有的下拉框进行判断，如果有下拉框的值为空，

不念不忘少年蓝@/ 2022年08月22日 04:46/ 0 赞/ 75 阅读

相关 H5修改url之pushState()和页面下拉加载判断

1.pushState方法 <!DOCTYPE html> <html> <head> <meta charset="

女爷i/ 2022年07月26日 12:23/ 0 赞/ 95 阅读

相关加载easyui下拉框

var coms=window.parent.dics.compType; coms.unshift({'value':'','key'

川长思鸟来/ 2022年06月07日 01:56/ 0 赞/ 164 阅读

相关有下拉的搜索框

今天一上就做出来这么个玩意，真的伤。。。不过总算是做出来，样式勉强能看。有需要的可以参考一下代码没有提炼比较乱就是，先看下具体样式吧 ![70][] css

淡淡的烟草味﹌/ 2022年05月22日 09:35/ 0 赞/ 206 阅读

相关 jsp——动态加载下拉框

<table> <tbody> <tr> <td><font>◆思路</font></td> </tr> </tbody> </table>

我会带着你远行/ 2022年05月17日 12:45/ 0 赞/ 185 阅读

相关 layui监听select下拉框获取数据通过doT.js加载页面多选框

> form表单中的下拉框 > > <select class="layui-input" name="base_id" datatype="" lay-filte

╰+攻爆jí腚メ/ 2021年09月26日 10:32/ 0 赞/ 547 阅读