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

更新时间：2007年01月20日 00:00:00 作者：

小弟刚学js,希望高手能够帮忙!
这是一个管理系统的中的项目参与人员选择的代码,要解决的问题是:

1.用户点击选择人员后,弹出一个新窗口,能根据姓名或单位查找某个人,然后选择想要选择的人.然后继续查找下一个人.然后选择.
2 选择好要选的人员后,把值返回到主页面的人员的表单中
3 一个表单中可能有多处字段需要填入人员.

比如现在要添加一个项目信息

其中有
项目主持人
项目组成人员
人员的信息都从人员信息库中取得.

以下是主页面的代码,由于用了ifrma.所以不能传值

文件打包上来吧:
http://www.HNTF.CN/RYXZ.rar

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

暂时解决用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 全选注:引入外部Js需再刷新一下页面才能执行]

ajaxsearch.asp

<B>���� SSI �ļ�ʱ����</B><BR>
 <% ' 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 全选注:引入外部Js需再刷新一下页面才能执行]

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

SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
下拉分页选择插件 SelectPage v2.4 发布了，新增纯下拉列表和关闭分页功能，下面通过本文给大家啊介绍SelectPage的相关知识，感兴趣的的朋友一起看看吧
2017-09-09
javascript中的void运算符语法及使用介绍
void是javascript中的一个操作符，void会计算表达式的值，但是会丢弃表达式的返回值接下来将详细介绍下，感兴趣的你可以参考下或许对你有所帮助
2013-03-03
8个开发者必须知道的JavaScript深层概念(推荐)
JavaScript有一个名为“调用堆栈”（Call Stack）的简单列表，它逐一管理任务（堆栈算法），但是当异步任务被传递时，JavaScript会把它弹出到web API，浏览器就会处理它，这篇文章主要介绍了8个开发者必须知道的JavaScript深层概念，需要的朋友可以参考下
2022-10-10
JavaScript之map reduce_动力节点Java学院整理
这篇文章主要为大家详细介绍了JavaScript之map reduce的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-06-06
javascript 闭包详解及简单实例应用
这篇文章主要介绍了javascript 闭包详解及应用的相关资料,需要的朋友可以参考下
2016-12-12
js实现改进的仿蓝色论坛导航菜单效果代码
这篇文章主要介绍了js实现改进的仿蓝色论坛导航菜单效果代码,涉及JavaScript页面元素的遍历及样式动态变换技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-09-09
JS逆向之浏览器补环境图文详解
平时JavaScript逆向需要补环境或者补一些函数,下面这篇文章主要给大家介绍了关于JS逆向之浏览器补环境的相关资料,文中通过图文以及实例代码介绍的非常详细,需要的朋友可以参考下
2023-03-03
css静态滤镜 + A:Hover 效果
css静态滤镜 + A:Hover 效果...
2007-05-05
简单谈谈ES6的六个小特性
ES6（ECMAScript2015）的出现，无疑给前端开发人员带来了新的惊喜，它包含了一些很棒的新特性，可以更加方便的实现很多复杂的操作，提高开发人员的效率。JS社区的每个人都喜欢新的API、语法以及一些简单、明了更高效的完成重要任务的新特性。下面来一起看看吧。
2016-11-11
小程序Scroll-view上拉滚动刷新数据
这篇文章主要为大家详细介绍了小程序Scroll-view上拉滚动刷新数据，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-06-06

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具