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

时间：2021-04-09 09:00:22|栏目：JavaScript代码|点击：次

小弟刚学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需再刷新一下页面才能执行]

上一篇：Javascript模块化机制实现原理详解

栏目：JavaScript代码

下一篇：js加载读取内容及显示与隐藏div示例

本文标题：一个多次搜索+多次传值的解决方案

本文地址：http://www.codeinn.net/misctech/97590.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程