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

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

Javascript: Mootools 1.2教程排序类和方法简介; Mootools 1.2 手风琴（Accordion）教程; Mootools 1.2教程类(一); Mootools 1.2教程 Tooltips; Mootools 1.2教程选项卡效果（Tabs）; Mootools 1.2教程(21)：类（二）; Mootools 1.2教程同时进行多个形变动画; Mootools 1.2教程滑动效果（Slide）; 不安全的常用的js写法; javascript 检测浏览器类型和版本的代码; javascript 弹出层居中效果的制作; javascript 遮照层效果; Javascript createElement和innerHTML增加页面元素的性能对比; 颜色快速采集器javascript代码; var与Javascript变量隐式声明; javascript 面向对象编程万物皆对象; jQuery 事件队列调整方法; JavaScript switch case 的用法实例[范围]; 控制input的CSS但不影响CheckBox以及Radio的样式; ext 同步和异步示例代码

No. « ‹ 185 186 187 188 › »

技术文章搜索

关键字

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

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

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