一个多次搜索+多次传值的解决方案- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一个多次搜索+多次传值的解决方案

Javascript: js支持158、159开头的手机号的验证; javascript学习网址备忘; JScript的条件编译; [原创]站长必须要知道的javascript广告代码; js实现的点击超链显示隐藏层; JCalendar 日历控件 v1.0 beta[兼容IE&Firefox] 有文档和例子; JavaScript 不只是脚本; 把JS与CSS写在同一个文件里的书写方法; Javascript & DHTML 实例编程（教程）基础知识; Javascript & DHTML 实例编程（教程）DOM基础和基本API; javascript实现的一个图片转移效果; 用js实现键盘方向键翻页功能的代码; js实现DIV的一些简单控制; 用CSS+JS实现的进度条效果效果; 爱恋千雪-US-AscII加密解密工具（网页加密）下载; 用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口; 非常不错的页面特效建议大家看下; javascript Zifa FormValid 0.1表单验证代码打包下载; 实现javascript的延期执行或者重复执行的两个函数; 推荐一个不错的图片浏览效果

No. « ‹ 69 70 71 72 › »

技术文章搜索

关键字

Javascript 中的一个多次搜索+多次传值的解决方案

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 187 ::

收藏到网摘: n/a

短信提示使用特效 javascript读取RSS数据

小弟刚学js,希望高手能够帮忙!
这是一个管理系统的中的项目参与人员选择的代码,要解决的问题是:
1.用户点击选择人员后,弹出一个新窗口,能根据姓名或单位查找某个人,然后选择想要选择的人.然后继续查找下一个人.然后选择.
2 选择好要选的人员后,把值返回到主页面的人员的表单中
3 一个表单中可能有多处字段需要填入人员.

比如现在要添加一个项目信息
其中有
项目主持人
项目组成人员
人员的信息都从人员信息库中取得.

以下是主页面的代码,由于用了ifrma.所以不能传值
文件打包上来吧:
http://www.HNTF.CN/RYXZ.rar

点击运行可以看到效果:

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

暂时解决用ajax实现
我找到一种比较好方法了，基本思路是JS+Ajax来实现
，个人觉得这种方式解决多次搜索，多次传值比较好，里面的选择的js代码是从无忧拷贝的，如果有更好的方法，望高人指点！因为在办公系统中录入数据的时候，经常碰到这种问题，vbs解决实在很吃力。

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
</style>
<script language="javascript">
var xmlObj = false;
var xmlResult;
try { xmlObj=new XMLHttpRequest;
}
catch(e) { try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); } catch(e2) { try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e3) { xmlObj=false; } }
}
if (!xmlObj) { alert("XMLHttpRequest init Failed!");
}
function AjaxSearch() { var searchword; searchword=escape(document.getElementById("searchword").value); if(searchword=="") { document.getElementById("search_result").innerHTML="<ul><li>请输入关键字!</li></ul>"; return; } document.getElementById("search_result").innerHTML="<ul><li>正在加载，请稍候</li></ul>"; xmlObj.open ("POST", "ajaxsearch.asp", true); xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); xmlObj.onreadystatechange=function() { if(xmlObj.readyState==4) { if(xmlObj.status==200) { xmlResult=xmlObj.responseXML; AjaxShowResult(); } } } xmlObj.send("searchword="+searchword);
}
function AjaxShowResult() { var results,i,strTemp; results=xmlResult.getElementsByTagName("result"); strTemp="<ul>"; if(results[0].getElementsByTagName("logid")[0].firstChild.data=="#") strTemp=strTemp+"<li>无搜索结果</li>"; else for(i=0;i<results.length;i++) strTemp = strTemp + "<li>"+results[i].getElementsByTagName("logtitle")[0].firstChild.data+"<input type=\"checkbox\" name=\"activity\" id=\"activity_1\" value=\""+results[i].getElementsByTagName("logid")[0].firstChild.data+"\">
" + results[i].getElementsByTagName("logtitle")[0].firstChild.data + "("+results[i].getElementsByTagName("logtitle2")[0].firstChild.data +")</li>"; strTemp=strTemp+"</ul>"; document.getElementById("search_result").innerHTML = strTemp
}
var likes=new Array(); xinge=new Array();
function addthis(e){ var e, srcE, op, opt, i; e=window.event?window.event:e; srcE=e.srcElement?e.srcElement:e.target; if(!srcE)return; if(String(srcE.tagName).toLowerCase()!="input"||String(srcE.type).toLowerCase()!="checkbox")return; if(srcE.id.indexOf("xinge")!=-1){ op=xinge; opt=document.forms[0].xinge }else{ op=likes; opt=document.forms[0].likes; } if(srcE.checked){ i=-1; while(op[++i])if(op[i]==srcE.value)return; op[i]=srcE.value; }else{ i=-1; while(op[++i])if(op[i]==srcE.value){op.splice(i,1);i--;} } opt.value=op;
}
document.onkeydown=document.onchange=document.onclick=addthis;
</script>
</head>
<body>
<form name="form1" ><textarea name="likes" cols="40" rows="3" id="textarea9" style="font-size: 9pt;padding:4px;"></textarea> <table border="0" width="100%" cellspacing="0" cellpadding="0" > <tr> <td> </td> </tr> </table>
</form> <div> <div align="center"> <input name="searchword" type="text" class="input" id="searchword" onChange="AjaxSearch();" onKeyDown="if(event.keyCode==13) AjaxSearch();" /> <input type="button" class="header_btn" onClick="AjaxSearch();" value="搜索" /> </div>
</div>
<div style="WIDTH: 80%" id="search_result"> <ul><li>请输入关键字</li></ul>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

ajaxsearch.asp

点击运行可以看到效果:

<%
' ConnectDB2.asp为数据库连接文件
Dim Search_Word,XML_Result,rsSearch,sqlSearch
Set rsSearch=Server.CreateObject("ADODB.RecordSet")
' 获取搜索关键字
Search_Word=Trim(Request("searchword"))
' XML文档头
XML_Result="<?xml version=""1.0"" encoding=""gb2312""?><blogsearch>"
IF Search_Word<>Empty Then ' 创建查询SQL语句 sqlSearch="SELECT * FROM wuhen_t_yg WHERE ygxm LIKE '%"&Search_Word&"%' ORDER BY ygbh DESC" ' 打开记录集 rsSearch.open sqlSearch,Conn,1,1 ' 如果没有搜索结果就产生一个结果，logid为#，标志着没有搜索结果 IF rsSearch.BOF AND rsSearch.EOF Then XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>" ' 循环输出搜索结果 Do While Not rsSearch.EOF XML_Result=XML_Result&"<result><logid>"&rsSearch("ygbh")&"</logid><logtitle><![CDATA["&rsSearch("ygxm")&"]]></logtitle><logtitle2><![CDATA["&rsSearch("dw")&"]]></logtitle2></result>" ' 循环输出每一个结果 rsSearch.MoveNext Loop
Else ' 关键字为空，则返回无搜索结果 XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>"
End IF
XML_Result=XML_Result&"</blogsearch>"
' 设置MIME Type为XML文档
Response.ContentType = "application/xml"
'Response.CharSet = "utf-8"
' 输出搜索结果
Response.Write(XML_Result)
%>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

短信提示使用特效 javascript读取RSS数据

Javascript 中的 一个多次搜索+多次传值的解决方案

评论 (0) All

Javascript 中的一个多次搜索+多次传值的解决方案