这里的源代码，不做样式处理，但是功能还行，希望你能和我交流和交流！
复制代码代码如下所示：


单击到弹出div选择信息













数组信息
VaR方法=新的数组（）；
Arrs.push（{编号：1
Arrs.push（{编号：2
Arrs.push（{编号：名称：3
Arrs.push（{编号：名称：4
Arrs.push（{编号：5
Arrs.push（{编号：6
Arrs.push（{编号：7


*对象：在该文本框的对象点击
* idstr：JSON ID数组的键
* namestr名字：JSON数组的键
*布尔：真的：表示添加假：代表一个重排
价值观：真正的boolset：ID和名称都显示错误：只显示名称的价值
*的widthnum宽度：信息部
* heightnum高度：信息部
* arrname：数组名
* /
功能alertdivinfo（obj，idstr，namestr，布尔，boolset，widthnum，heightnum，arrname）{
Obj.blur（）；
如果（！widthnum）{
widthnum = 600；
}
如果（！HeightNum）{
heightnum = 350；
}
创建一个大div
无功alertdivparent = document.createelement（div）；
alertdivparent.id =alertdivparent ；
与（alertdivparent。风格）{
顶部= 0；
左= 0；
位置= 绝对；
背景=# eeeeee ；
筛选器alpha（不透明度= 70）；
不透明度= 0.7；
宽度= math.max（document.body.clientwidth，文件体。scrollwidth）；
高度= math.max（document.body.clientheight，文件体。scrollheight）；
}
document.body.appendchild（alertdivparent）；
创建一个小div
无功alertdiv = document.createelement（div）；
alertdiv.id =alertdiv ；
与（alertdiv。风格）{
宽度= widthnum；
高度= heightnum；
位置= 绝对；
背景=# dddddd ；
左=（math.max（document.body.clientwidth，文件体。scrollwidth）- widthnum） / 2；
=（math.max（document.body.clientheight，文件体。scrollheight）- heightnum） / 2；
}
添加到窗体中
document.body.appendchild（alertdiv）；

创建搜索div
无功alertquerydiv = document.createelement（div）；
alertquerydiv.id =alertquerydiv ；
将搜索添加到div
alertdiv.appendchild（alertquerydiv）；

alertquerydiv.innerhtml =搜索名称：；

创建一个文本框
无功alertqueryinput = document.createelement（输入）；
alertqueryinput.id =alertqueryinput ；
alertqueryinput.type =文本；
将添加到搜索文本框div中
alertquerydiv.appendchild（alertqueryinput）；

创建一个搜索按钮
无功alertquerybutton = document.createelement（输入）；
alertquerybutton.id =alertquerybutton ；
alertquerybutton.type =按钮；
alertquerybutton.value =搜索；
向按钮添加事件
alertquerybutton.onclick =函数（）{
宽度可以计算/放置单元格的数目。
无功tdwidthnum = 130；
无功tdnum = parseInt（widthnum / tdwidthnum）；
VaR数= 0；
var j＝0；
访问显示信息表
无功alertinfotab = document.getelementbyid（alertinfotab ）；
/ /清除线程信息
AlertInfoTab.deleteTHead（）；
循环数组
对于（var i = 0；i < eval（arrname）。长度；i++）{
如果在数组中添加与表相等的
如果（eval（arrname + {我}。+ namestr）。IndexOf（alertqueryinput。值）> = 0）{
VaR的头；
如果（J % tdnum = = 0）{
标题= alertinfotab.createthead（）；
标题= header.insertrow（努姆）；
数字+；
}
++；
var文件= header.insertcell（- 1）；
与（文件。风格）{
宽度= tdwidthnum；
颜色蓝色；
游标指针；
}
如果（boolset）
headername.appendchild（document.createtextnode（eval（arrname +{ }。+ idstr）+：+ eval（arrname +{ }。+ namestr )))))；
否则如果（！boolset）
headername.appendchild（document.createtextnode（eval（arrname +{我}。+ namestr )))))；
headername.onclick =函数（）{
如果（布尔）
obj.value = obj.value + this.innerhtml +；；
否则如果（！布尔）
obj.value = this.innerhtml；
删除弹出窗体
document.body.removechild（alertdiv）；
document.body.removechild（alertdivparent）；
}；
}
}
}；
添加搜索div的按钮
alertquerydiv.appendchild（alertquerybutton）；

创建删除按钮
无功alertclearbutton = document.createelement（输入）；
alertclearbutton.id =alertclearbutton ；
alertclearbutton.type =按钮；
alertclearbutton.value =排空；
alertclearbutton.onclick =函数（）{
对文本框的空值
obj.value = ；
删除弹出窗体
document.body.removechild（alertdiv）；
document.body.removechild（alertdivparent）；
}；
添加搜索div的按钮
alertquerydiv.appendchild（alertclearbutton）；

创建关闭按钮
无功alertcancelbutton = document.createelement（输入）；
alertcancelbutton.id =alertcancelbutton ；
alertcancelbutton.type =按钮；
alertcancelbutton.value = 关闭；
alertcancelbutton.onclick =函数（）{
删除弹出窗体
document.body.removechild（alertdiv）；
document.body.removechild（alertdivparent）；
}；
添加搜索div的按钮
alertquerydiv.appendchild（alertcancelbutton）；

创建显示信息表
无功alertinfotab = document.createelement（表）；
alertinfotab.id =alertinfotab ；
与（alertinfotab。风格）{
保证金= 20；
}

宽度可以计算/放置单元格的数目。
无功tdwidthnum = 130；
无功tdnum = parseInt（widthnum / tdwidthnum）；
var = 0；
对于（var i = 0；i < eval（arrname）。长度；i++）{
VaR的头；
如果（我tdnum = = 0）{
标题= alertinfotab.createthead（）；
标题= header.insertrow（努姆）；
数字+；
}
var文件= header.insertcell（- 1）；
与（文件。风格）{
宽度= tdwidthnum；
颜色蓝色；
游标指针；
}
/ / var直管= header.insertcell（- 1）；
如果（boolset）
headername.appendchild（document.createtextnode（eval（arrname +{ }。+ idstr）+：+ eval（arrname +{ }。+ namestr )))))；
否则如果（！boolset）
headername.appendchild（document.createtextnode（eval（arrname +{我}。+ namestr )))))；
/ / headertype.appendchild（document.createtextnode（类））；

headername.onclick =函数（）{
如果（布尔）
obj.value = obj.value + this.innerhtml +；；
否则如果（！布尔）
obj.value = this.innerhtml；
删除弹出窗体
document.body.removechild（alertdiv）；
document.body.removechild（alertdivparent）；
}；
}
添加显示信息div的表
alertdiv.appendchild（alertinfotab）；
}