js查询数据 - 专家坐堂 - Foxtable(狐表) - 新一代数据库软件，完美融合Access、Foxpro、Excel、vb.net之优势，人人都能掌握的快速软件开发工具!

巷弄太过弯曲

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

此主题相关图片如下：企业微信截图_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

巷弄太过弯曲

[object HTMLInputElement]

小白

[object HTMLInputElement]

小黑

[object HTMLInputElement]

小红

依次弹窗

此主题相关图片如下：企业微信截图_20200407161712.png

[此贴子已经被作者于2020/4/7 16:19:24编辑过]

巷弄太过弯曲

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

此主题相关图片如下：企业微信截图_20200407164921.png

巷弄太过弯曲

有吧引入了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)

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编辑过]

巷弄太过弯曲

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

此主题相关图片如下：11.png

此主题相关图片如下：12.png

巷弄太过弯曲

老师可以了谢谢，但是输入内容后样式好像会变

此主题相关图片如下：1.png

此主题相关图片如下：3.png

巷弄太过弯曲

主题：js查询数据