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

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

Javascript: 自己开发Dojo的建议框架; js每次Title显示不同的名言; 不用AJAX和IFRAME,说说真正意义上的ASP+JS无刷新技术; 无限级别的菜单（侧拉菜单）; 点选TOP后并不是直接跳到页顶的，而是滚动上去; js下拉菜单中自动信息轮换播放; 英文首字母全大写的js实现脚本; 实例区别onClick和onDBClick两事件方法; 改变文本框字体颜色的js脚本; js星空效果代码; 判断li是否有样式的js代码; 文本框点击时文字消失，失去焦点时文字出现; 如何让一个层关闭之后，就算刷新页面了也不显示。除非关闭页面再次打开; 右下角弹出窗口效果代码; JS控制对象移动效果; 验证用户是否修改过页面的数据的实现方法; Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]; 正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度; EXT富客户端后台管理系统初步代码; 不同浏览器javascript变量作用域的处理方法

No. « ‹ 110 111 112 113 › »

技术文章搜索

关键字

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

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

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