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

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

Javascript: 非常不错的不间断循环滚动类兼容多浏览器; 完美解决JS中汉字显示乱码问题（已解决）; 另类调用flash无须激活的方法; fromCharCode和charCodeAt 方法; JavaScript方法和技巧大全; 选择与取消选择不错的应用 js; javascript中对对层的控制; 通过js脚本复制网页上的一个表格的不错实现方法; JavaScript数组的快速克隆(slice()函数)和数组的排序、乱序和搜索(sort()函数); slice函数的用法之不错的应用; js自带函数备忘数组; JavaScript 参考教程; 经典的解除许多网站无法复制文字的绝招; 利用JS获取IE客户端IP及MAC的实现好象不可以; 彻底搞懂JS无缝滚动代码; 关于Javascript 的 prototype问题。; 关于JavaScript的gzip静态压缩方法; JavaScript的目的分析; 智能表格; javascript中的对象和数组的应用技巧

No. « ‹ 39 40 41 42 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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 中的一个多次搜索+多次传值的解决方案