一個(gè)多次搜索+多次傳值的解決方案

2019-11-21 02:19:32

字體：大中小

供稿：網(wǎng)友

小弟剛學(xué)js,希望高手能夠幫忙!
這是一個(gè)管理系統(tǒng)的中的項(xiàng)目參與人員選擇的代碼,要解決的問題是:

1.用戶點(diǎn)擊選擇人員后,彈出一個(gè)新窗口,能根據(jù)姓名或單位查找某個(gè)人,然后選擇想要選擇的人.然后繼續(xù)查找下一個(gè)人.然后選擇.
2 選擇好要選的人員后,把值返回到主頁面的人員的表單中
3 一個(gè)表單中可能有多處字段需要填入人員.

比如現(xiàn)在要添加一個(gè)項(xiàng)目信息

其中有
項(xiàng)目主持人
項(xiàng)目組成人員
人員的信息都從人員信息庫中取得.

以下是主頁面的代碼,由于用了ifrma.所以不能傳值

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

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

暫時(shí)解決用ajax實(shí)現(xiàn)
我找到一種比較好方法了，基本思路是JS+Ajax來實(shí)現(xiàn)
，個(gè)人覺得這種方式解決多次搜索，多次傳值比較好，里面的選擇的js代碼是從無憂拷貝的，如果有更好的方法，望高人指點(diǎn)！因?yàn)樵谵k公系統(tǒng)中錄入數(shù)據(jù)的時(shí)候，經(jīng)常碰到這種問題，vbs解決實(shí)在很吃力。

<!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>無標(biāo)題文檔</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>請輸入關(guān)鍵字!</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>無搜索結(jié)果</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>請輸入關(guān)鍵字</li></ul> </div> </body>    </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

ajaxsearch.asp

<B>處理 SSI 文件時(shí)出錯(cuò)</B><BR> <% ' ConnectDB2.asp為數(shù)據(jù)庫連接文件 Dim Search_Word,XML_Result,rsSearch,sqlSearch Set rsSearch=Server.CreateObject("ADODB.RecordSet") ' 獲取搜索關(guān)鍵字 Search_Word=Trim(Request("searchword")) ' XML文檔頭 XML_Result="<?xml version=""1.0"" encoding=""gb2312""?><blogsearch>" IF Search_Word<>Empty Then     ' 創(chuàng)建查詢SQL語句     sqlSearch="SELECT * FROM wuhen_t_yg WHERE ygxm LIKE '%"&Search_Word&"%' ORDER BY ygbh DESC"     ' 打開記錄集     rsSearch.open sqlSearch,Conn,1,1     ' 如果沒有搜索結(jié)果就產(chǎn)生一個(gè)結(jié)果，logid為#，標(biāo)志著沒有搜索結(jié)果     IF rsSearch.BOF AND rsSearch.EOF Then XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>"     ' 循環(huán)輸出搜索結(jié)果     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>"  ' 循環(huán)輸出每一個(gè)結(jié)果         rsSearch.MoveNext     Loop Else     ' 關(guān)鍵字為空，則返回?zé)o搜索結(jié)果     XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>" End IF XML_Result=XML_Result&"</blogsearch>" ' 設(shè)置MIME Type為XML文檔 Response.ContentType = "application/xml" 'Response.CharSet = "utf-8" ' 輸出搜索結(jié)果 Response.Write(XML_Result) %>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執(zhí)行]

上一篇：javascript讀取RSS數(shù)據(jù)

下一篇：短信提示使用特效