如果仅考虑客户端，那么用的就是数据字典，将数据缓存起来。
考虑到数据来自于服务端的比较多，且结合AJAX技术，下拉框中的内容每发生一次改变，就会查询一次服务器，然后服务端对客户端的请求进行处理，找到响应的数据，并反馈给客户端，然后客户端进行显示，这种下拉框式的列表，如今一般都是自己写的样式了。
为避免页面重复刷新，推荐使用AJAX进行异步交互。
<html><head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>123</title>
<style type="text/css">
#list
{
height: 100px
width: 155px
border:1px solid #FFCC00
}
</style>
</head>
<body>
<input id="search"/>
<div id="list" style="display: none">
<ul id="group">
</ul>
</div>
</body>
<script LANGUAGE="JAVASCRIPT">
var array = [["a", "ab", "abc"], ["d", "de", "def"]]
var search = document.getElementById("search")
var list = document.getElementById("list")
var group = document.getElementById("group")
search.addEventListener("input", input, false)
//search.addEventListener("keyup", keyup, false)
function input(){
//删除所有子节点
var children = group.childNodes
while(group.lastChild)
{
group.removeChild(group.lastChild)
list.style.display = "none"
}
for(var i = 0i <array.lengthi++)
{
for(var j = 0j <array[i].lengthj++)
{
if(search.value.toString() == array[i][j])
{
list.style.display = "block"
show(array[i])
}
}
}
}
//显示内容
function show(arr){
var temp = arr
for(var k = 0k <temp.lengthk++)
{
if(temp[k].indexOf(search.value) >-1)
{
var ele = document.createElement("li")
group.appendChild(ele)
ele.innerHTML = temp[k]
}
}
}
</script>
</html>
如果要兼容IE，input事件名称要做修改。
两种方法：方法一、用JS编写程序实现，JS代码完全可以实现EXCEL的筛选功能，不过为了简化代码，可以只实现部分功能。给列标题增加下拉框，实现自动筛选功能是可以的。
这钟方法可以夸平台使用，在什么机器、什么浏览器上都可以使用，但是程序编写比较复杂。
方法二、利用EXCEL本身的交互功能，把你的数据输入到EXCEL里面，选择另存为，类型为WEB网页，选中“添加交互”功能，这样会生成一个HTML文件，把这个文件里面的代码插入到你的网页里面即可。
这钟方法实现很简单，几分钟就做好了，但是由于是调用<object>实现的，要强浏览的人PC要安装相应版本的OFFICE，否则不能使用。
Outlook本身提供的HTML邮件格式支持非常有限。怎样才能发送带有复杂格式的HTML邮件？Outlook没有提供向HTML格式的邮件插入表格的命令，也没有提供编辑HTML邮件源代码的方法。虽然在编辑HTML邮件时，利用鼠标右键可选择菜单“查看源文件”，但用户无法把对源代码的改动保存到Outlook的HTML邮件。但是，要在Outlook中编写有复杂格式的HTML邮件并不是难事，而且办法还不止一种。首先，你可以用任意一个HTML编辑器编写HTML邮件正文，把它保存为.htm文件，然后利用下列方法之一把它放入Outlook邮件：选择Outlook菜单“工具/选项”，在“邮件格式”选项卡中确保默认的邮件格式是HTML。然后，用IE打开包含邮件内容的.htm文件，选择IE菜单“文件/发送/电子邮件页面”。在Outlook中，创建一个HTML格式的新邮件。用IE打开包含邮件内容的.htm文档，选择菜单“编辑/全选”、“编辑/复制”。切换到Outlook，点击邮件正文区域，选择菜单“编辑/粘贴”。在Outlook中，创建一个HTML格式的新邮件，选择菜单“插入/文件”。在“插入文件”对话框中，选择包含邮件内容的.htm文件，然后点击“插入”按钮右边小箭头，选择菜单“作为文本插入”。另外一种办法是用Word 2002/2000创建HTML文档。在Word中编写好文档后，选择Word菜单“文件/发送/邮件收件人”，这时Word文档上面会出现“收件人”、“抄送”、“主题”等输入框。发送邮件时，Word将使用HTML格式。遗憾的是，Word 2000会在HTML邮件中嵌入大量XML格式信息，达到数K之多，大大增加了邮件体积。但Word 2002提供了剥离这些XML代码的方法，该选项可按如下步骤设置：选择菜单“工具/选项”，选择“常规”选项卡下面的“电子邮件选项”，然后选中“常规”选项卡下面的“发送前筛选HTML”。其实一般的HTML格式电子邮件，都可以使用内建有HTML编辑器的电子邮件程序制作编写发送。以Outlook Express 5.0为例，单击工具栏上的"新邮件"按钮，会d出一个邮件编辑窗口。再单击"格式→多信息文本(HTML)"就可以用内建的HTML编辑器来编写HTML格式的电子邮件了。一般我们是通过单击"查看→编辑源文件"，就会在该窗口下方出现"编辑"、"源文件"、"预览"三个标签来编辑源文件。如果你认为这种方法太麻烦了(或者你根本不懂如何编辑源文件)，还有一个方法就是用FrontPage 2000制作出HTML文件后，然后单击"文件→发送"，将HTML文件以附件的形式发送给对方。欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）