Foxtable(狐表) → 用户栏目 → 专家坐堂 → js查询数据


  共有2986人关注过本帖树形打印复制链接

主题：js查询数据
帅哥哟，离线，有人找我吗？
巷弄太过弯曲
 小大  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：童狐 帖子：219 积分：1800 威望：0 精华：0 注册：2019/2/16 10:17:00 		js查询数据  发帖心情 Post By：2020/4/7 14:51:00 [只看该作者]

老师，请教一下，我做了一个页面，如图，上面搜索名字框输入“白”字关键字，下面的复选框列表能过滤出来小白的选项 

图片点击可在新窗口打开查看此主题相关图片如下：企业微信截图_20200407144218.png
图片点击可在新窗口打开查看
JS代码：
function gl() {

        var names = ""
        var ssnr = document.getElementById("ssnr")
        var xx = document.getElementById("rdg1")

        var arr = xx.getElementsByClassName("weui_check")

        for (i = 0; i < arr.length; i++) {

                var idx = document.getElementById(arr[i].id);

                var a = ssnr.value;

                var b = idx.innerText;
alert(b)
                
                if (b.indexOf(a) != -1) {
                        arr[i].style.display = "block"
                } else {
                        arr[i].style.display = "none"
                }
        }
        

在测试中 alert(b)为空值 请问怎么改JS
 回到顶部
帅哥，在线噢！
有点蓝
 小大  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：105932 积分：538729 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2020/4/7 15:49:00 [只看该作者]

打开开发者工具，看都显示什么东西

        for (i = 0; i < arr.length; i++) {
console.log(arr[i]);
console.log(arr[i].id);
                var idx = document.getElementById(arr[i].id);
console.log( idx);
                var a = ssnr.value;

                var b = idx.innerText;
alert(b)
                
                if (b.indexOf(a) != -1) {
                        arr[i].style.display = "block"
                } else {
                        arr[i].style.display = "none"
                }
        }
 回到顶部
帅哥哟，离线，有人找我吗？
巷弄太过弯曲
 小大  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：童狐 帖子：219 积分：1800 威望：0 精华：0 注册：2019/2/16 10:17:00 		  发帖心情 Post By：2020/4/7 16:16:00 [只看该作者]

[object HTMLInputElement]
[object HTMLInputElement]
小白
[object HTMLInputElement]
[object HTMLInputElement]
小黑
[object HTMLInputElement]
[object HTMLInputElement]
小红


依次弹窗

图片点击可在新窗口打开查看此主题相关图片如下：企业微信截图_20200407161712.png
图片点击可在新窗口打开查看

[此贴子已经被作者于2020/4/7 16:19:24编辑过]
 回到顶部
帅哥，在线噢！
有点蓝
 小大  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：105932 积分：538729 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2020/4/7 16:31:00 [只看该作者]

        for (i = 0; i < arr.length; i++) {
                var a = ssnr.value;
                var b = arr[i].id;
alert(b)
                if (b.indexOf(a) != -1) {
                        arr[i].style.display = "block"
                } else {
                        arr[i].style.display = "none"
                }
        }
 回到顶部
帅哥哟，离线，有人找我吗？
巷弄太过弯曲
 小大  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：童狐 帖子：219 积分：1800 威望：0 精华：0 注册：2019/2/16 10:17:00 		  发帖心情 Post By：2020/4/7 16:53:00 [只看该作者]

老师，我发现没有效果，我在开发者工具里面单独把小白 改了一下style="display:none 小白列还是显示着

图片点击可在新窗口打开查看此主题相关图片如下：企业微信截图_20200407164921.png
图片点击可在新窗口打开查看
 回到顶部
帅哥，在线噢！
有点蓝
 小大  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：105932 积分：538729 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2020/4/7 17:00:00 [只看该作者]

搜索姓名有绑定事件了吗？有代码调用函数吗

 回到顶部
帅哥哟，离线，有人找我吗？
巷弄太过弯曲
 小大  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：童狐 帖子：219 积分：1800 威望：0 精华：0 注册：2019/2/16 10:17:00 		  发帖心情 Post By：2020/4/7 17:04:00 [只看该作者]

有吧  引入了js了

            With wb.AddInputGroup("page2","ipg2","请输入搜索内容")
                .AddInput("ssnr","搜索姓名","text").Attribute=" style='border-left:1px solid #CCC'; oninput=gl()"
            End With
            
            
            With wb.AddCheckGroup("page2","rdg1","员工名单")
                For Each s As String In dt1.GetValues("员工姓名")
                    .Add(s,s)
                Next
            End With

JS代码：
function gl() {

        var names = ""
        var ssnr = document.getElementById("ssnr")
        var xx = document.getElementById("rdg1")

        var arr = xx.getElementsByClassName("weui_check")

        for (i = 0; i < arr.length; i++) {

  
                //var idx = document.getElementById(arr[i].id);


                var a = ssnr.value;

                var b = arr[i].id;

                
                if (b.indexOf(a) != -1) {
                        arr[i].style.display =  "block"
                } else {
                        arr[i].style.display = "none" 
                }
        }
        

}


当我搜索姓名输入内容的时候 所有复选框都变成了style.display =  "block" 不输入值得时候 变成style.display =  "none" 但是页面中员工名单复选框没有变化 


图片点击可在新窗口打开查看此主题相关图片如下：11.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下：12.png
图片点击可在新窗口打开查看


[此贴子已经被作者于2020/4/7 17:09:50编辑过]
 回到顶部
帅哥，在线噢！
有点蓝
 小大  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：105932 积分：538729 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2020/4/7 17:09:00 [只看该作者]

.AddInput("ssnr","搜索姓名","text").Attribute=" style='border-left:1px solid #CCC'  oninput='gl()'"

 回到顶部
帅哥哟，离线，有人找我吗？
巷弄太过弯曲
 小大  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：童狐 帖子：219 积分：1800 威望：0 精华：0 注册：2019/2/16 10:17:00 		  发帖心情 Post By：2020/4/7 17:14:00 [只看该作者]

老师还是没效果，当我搜索姓名输入内容的时候 所有复选框都变成了style.display =  "block" 不输入值得时候 变成style.display =  "none" 但是页面中员工名单复选框没有变化 


图片点击可在新窗口打开查看此主题相关图片如下：11.png
图片点击可在新窗口打开查看

图片点击可在新窗口打开查看此主题相关图片如下：12.png
图片点击可在新窗口打开查看
 回到顶部
帅哥，在线噢！
有点蓝
 小大  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：105932 积分：538729 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2020/4/7 17:24:00 [只看该作者]

试试
function gl() {
        var names = ""
        var ssnr = document.getElementById("ssnr")
        var xx = document.getElementById("rdg1")
        var arr = xx.getElementsByClassName("weui_check_label")
        for (i = 0; i < arr.length; i++) {
                var a = ssnr.value;
                var b = arr[i].getAttribute("for");
                if (b.indexOf(a) != -1) {
                        arr[i].style.display =  "block"
                } else {
                        arr[i].style.display = "none" 
                }
        }
        

}
 回到顶部
总数 13 1 2 下一页
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.07422 秒, 4 次数据查询