首页 / JAVASCRIPT / 一个多次搜索+多次传值的解决方案

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了一个多次搜索+多次传值的解决方案，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3770字，纯文字阅读大概需要6分钟。

内容图文

小弟刚学js,希望高手能够帮忙!
这是一个管理系统的中的项目参与人员选择的代码,要解决的问题是:

1.用户点击选择人员后,弹出一个新窗口,能根据姓名或单位查找某个人,然后选择想要选择的人.然后继续查找下一个人.然后选择.
2 选择好要选的人员后,把值返回到主页面的人员的表单中
3 一个表单中可能有多处字段需要填入人员.

比如现在要添加一个项目信息

其中有
项目主持人
项目组成人员
人员的信息都从人员信息库中取得.

以下是主页面的代码,由于用了ifrma.所以不能传值

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

function disp(obj) {

ctlToPlaceValue = obj 
     
    document.all.iframe1.style.display="block"; 
    } 
    function shout() { 
    document.all.iframe1.style.display="none"; 
    } 
    t=document.frmxx.NRYGXM 
    function list_sub(){ 
    //获得IFRAME1中被选中员工的ID值 
    var list_value_str,list_array; 
    var n = 0; 
    list_array = document.employee.document.all.item("employee_id"); 
     
        for (var i=0; i<list_array.length; i++){ 
         
            if(document.employee.document.all.item("employee_id",i).checked){ 
                var value_str; 
                 value_str = document.employee.document.all.item("employee_id",i).id; 
                n = n + 1; 
                 
                if(n == 1){ 
                list_value_str = value_str; 
                }else{ 
                list_value_str = list_value_str + "," + value_str; 
                } 
                 
                 
            }//end if 
             
         
        }//end for 
         
        //document.write(list_value_str); 
        //document.employee2.document.form1.text_value.value=list_value_str;

t.value=list_value_str;

document.getElementById("pre").innerHTML=document.getElementById("pre").innerHTML+list_value_str; 
         
     
        //document.write(list_value_str); 
        //document.employee2.document.form1.text_value.value=list_value_str; 
     
    } 
     
     
     
            function list_sub2(){

list_value_str = ""; 
         
        
        document.getElementById("pre").innerHTML=""; 
         
     
        //document.write(list_value_str); 
        //document.employee2.document.form1.text_value.value=list_value_str; 
     
    } 
</script>

</head> 
<style type="text/css"> 
 
</style> 
<body > 
 
  <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
      <td><table width="100%" border="0" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="titlebar"> 
            <tr> 
              <td><span class="STYLE2">选择人员</span></td> 
            </tr> 
          </table> 
                <table width="98%" border="0" align="center" cellpadding="6" cellspacing="0"> 
                  <tr> 
                    <td height="34"> 
                         
                          <input name="button3" type="button" class="header_btn" onClick="javascript:list_sub1();" value="继续提交"> 
                          <input name="button4" type="button" class="header_btn" onClick="javascript:list_sub();" value="选择完毕"> 
                          <input name="button5" type="button" class="header_btn" onClick="javascript:list_sub2();" value="清空"> 
                          <input name="button" type="button" class="header_btn" onClick="javascript:shout();"  value="关  闭"> 
                      </td> 
                  </tr> 
                </table> 
            <iframe src="http://www.hnkjc.com/project/y_1.asp" name="employee" height="200" width="100%"  border=1></iframe></td> 
        </tr> 
      </table></td> 
    </tr> 
  </table> 
 
<form action='pro_add_save.asp' method=post name=frmxx id="frmxx"> 
    <p>人员 
      <input name="RY2" type="text" disabled class="input" id="RY2"> 
           
             <input type="button" name="Submit" onClick="javascript:disp(frmxx.NRYGXM);" - value="选择"> 
  </p> 
    <p>人员2   
      <input name="RY2" type="text" disabled class="input" id="RY2"> 
      <input type="button" name="Submit2" onClick="javascript:disp(frmxx.NRYGXM);" - value="选择"> 
  </p> 
  </form> 
</body> 
</html>

[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>

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();

<tr>   
      <td> </td>   
    </tr>    
  </table> 
</form>   
   
       <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="搜索" /> 
   
 
 
    <ul><li>请输入关键字</li></ul> 
 
</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>" 
    ' 循环</pre>输出搜索结果 
    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>"  ' 循环</pre>输出每一个结果 
        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" 
' </pre>输出搜索结果 
Response.Write(XML_Result) 
%>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的一个多次搜索+多次传值的解决方案全部内容，希望文章能够帮你解决一个多次搜索+多次传值的解决方案所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/375845.html

来源：【匿名】

【上一篇】关于实现代码语法标亮 dp.SyntaxHighlighter 【下一篇】javascript 怎么调用php方法

更多 ►

【一个多次搜索+多次传值的解决方案】教程文章相关的互联网学习教程文章

layer,一个可以让你想到即可做到的javascript弹窗（层）解决方案【代码】

学习网址：http://layer.layui.com/下载地址：http://res.layui.com/download/layer-v2.1.zip我们提到的基础参数主要指调用方法时用到的配置项，如：layer.open({content: ‘‘})，　　layer.msg(‘‘, {time: 3})，　　其中的content和time即是基础参数，以键值形式存在，基础参数可合理应用于任何层类型中，您不需要所有都去配置，大多数都是可选的。而其中的　　layer.open、　　layer.msg、　　就是内置方法。但我们通常还会在...

javascript移动端禁止页面滑动的解决方案【代码】

1 前言移动端网页，发现ios平台的iphone或者ipad，网页可以上下左右移动，而Android版则不会。仅作为记录使用。2 代码var mo=function(e){e.preventDefault();}; function stop(){document.body.style.overflow=‘hidden‘; document.addEventListener("touchmove",mo,false);//禁止页面滑动 } //直接默认不让滑动 stop();/***取消滑动限制***/ function move(){document.body.style.overflow=‘‘;//出现滚动条document.re...

JavaScript学习--Item27 异步编程异常解决方案【代码】

1、JavaScript异步编程的两个核心难点异步I/O、事件驱动使得单线程的JavaScript得以在不阻塞UI的情况下执行网络、文件访问功能，且使之在后端实现了较高的性能。然而异步风格也引来了一些麻烦，其中比较核心的问题是：1、函数嵌套过深JavaScript的异步调用基于回调函数，当多个异步事务多级依赖时，回调函数会形成多级的嵌套，代码变成金字塔型结构。这不仅使得代码变难看难懂，更使得调试、重构的过程充满风险。2、异常处理回调...

Eclipse javascript卡死解决方案（转）【代码】

Eclipse中jsp、js文件编辑时，卡死现象解决汇总使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下： 1、取消验证windows–>perferences–>validation把除了manual 下面的全部点掉，build下只留 classpath dependency Validator 2、关闭拼写检查windows–>perferences–>general–> editors->Text Editors->spel...

详解基于vue的移动web app页面缓存解决方案

现在移动web app越来越热门了，许多公司开始尝试使用angular、react、vue等MVVM框架来开发单页架构的web app。但在开发web app时，如果希望页面的导航体验也接近原生应用，那一般都会遇到这两个问题：识别前进后退行为后退时恢复之前的页面笔者开发了一个基于vue与vue-router的导航库vue-navigation，来帮助开发者来解决这些问题，下面是问题的解决思路。识别前进后退先说第一个问题。和原生app不一样，浏览器中主要有这几个限制...

javascript客户端解决方案缓存提供程序

相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器. Starting Simple 代码如下:function CacheProvider() { // values will be stored here t...

js、css、img等浏览器缓存问题的2种解决方案

细节决定成败！浏览器缓存的意义在于提高了执行效率，但是也随之而来带来了一些问题，导致服务端修改了js、css，客户端不能更新方法一生成随机数字代码如下:<script type=”text/javascript“ src=”/js/test.js?+Math.random()“></script> 缺点，浏览器缓存失去意义，每次都动态加载。方法二版本号控制,设置全局变量，每次发布前版本号加1 代码如下:<script type=”text/javascript“ src=”/js/test.js?v=<%=v%>“></sc...

IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结

解决方法一：IE6 Hack脚本代码如下:<script> if(navigator.appName == "Microsoft Internet Explorer"){ var b_version=navigator.appVersion; var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(trim_Version=="MSIE6.0"){ ;//alert("IE 6.0"); try { document.execCommand("BackgroundImageCache", false, fix); }catch(err){ } } } </script> 解决方法二：IE6 Hack注释代码如下:<!--...

Nginx上传文件全部缓存解决方案_javascript技巧【图】

下面通过文字说明给大家详解Nginx上传文件全部缓存解决方案。因为应用服务器（Jetty）里面实现了上传时写了进度条。经过缓存。就没法读取到进度了。此外，在Nginx处缓存文件，也降低了传输效率。 nginx采用1.5.6。后端采用nodejs+formidable的方式接受上传文件，本问题的对应与采用什么样的后端没太大关系，这里只是交代一下。问题：在前端页面上将文件上传，nginx没有将每一块收到的文件数据块转发给后端，而是全部缓存了下来...

vue spa应用中的路由缓存问题与解决方案【图】

单页面应用中的路由缓存问题通常我们在进行页面前后退时，浏览器通常会帮我们记录下之前滚动的位置，这使得我们不会在每次后退的时候都丢失之前的浏览器记录定位。但是在现在愈发流行的SPA(single page application 单页面应用)中，当我们从父级页面打开子级页面，或者从列表页面进入详情页面，此时如果回退页面，会发现之前我们浏览的滚动记录没有了，页面被置顶到了最顶部，仿佛是第一次进入这个页面一样。这是因为在spa页面中的...

浅谈Vue页面级缓存解决方案feb-alive(上)

feb-alive github地址体验链接使用理由开发者无需因为动态路由或者普通路由的差异而将数据初始化逻辑写在不同的钩子里beforeRouteUpdate或者activated开发者无需手动缓存页面状态，例如通过localStorage或者sessionStorage缓存当前页面的数据feb-alive会帮你处理路由meta信息的存储与恢复为什么开发feb-laive？当我们通过Vue开发项目时候，是否会有以下场景需求？ /a跳转到/b后退到/a时候，希望从缓存中恢复页面再次跳转到/b时，...

浅谈Vue页面级缓存解决方案feb-alive (下)【图】

feb-alive github地址体验链接 Vue页面级缓存解决方案feb-alive (上) 在剖析feb-alive实现之前，希望大家对以下基本知识有一定的了解。 keep-alive实现原理history apivue渲染原理vue虚拟dom原理feb-alive与keep-alive差异性1. 针对activated钩子差异性keep-alive配合vue-router在动态路由切换的情况下不会触发activated钩子，因为切换的时候组件没有变化，所以只能通过beforeRouteUpdate钩子或者监听$route来实现数据更新，而fe...

浅谈微信页面入口文件被缓存解决方案

缓存对于前端页面来说，是加速页面加载的利器之一，但也同时带来了很多问题，比如新版本发布之后，怎么替换客户端上的缓存文件呢？大家一般的的解决方案主要有以下几种形式，一般情况1、添加版本号，在静态资源文件的引用链接后面添加版本号，这样每次发布的时候更新版本号，就能让叫客户端加载新的资源文件，避免再次使用缓存的老文件，如 <script src="//m.test.com/build/activity/js/commons.js?v=20170608"></script>2、文件...

vue单页缓存存在的问题及解决方案(小结)

1.css同名覆盖,解决方法：父组件加上scoped <style lang="scss" scoped>@import ./unbind.scss </style>子组件同名样式加上deep/deep/ .tabs-row {.items-wrp{padding-left: .34rem;}.item {margin:0 .12rem .16rem 0;}}2.事件全局绑定绑在window或document或body上的事件，切换到下一个页面同样会被触发，需要销毁，也防止内存泄漏,全局绑定的事件如果是公用组件慎用off().on(),因为可能引用的其他的组件全局绑定的事件被移除des...

javascript客户端解决方案缓存提供程序_javascript技巧

相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。这是介绍的是一个不错的javascript的方面的客户端解决方案,可选配支持HTML5本地存储器. Starting Simple 代码如下: function CacheProvider() { // values will be stored here ...

首页 / JAVASCRIPT / 一个多次搜索+多次传值的解决方案

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

内容导读

内容图文

内容总结

内容备注

内容手机端

【一个多次搜索+多次传值的解决方案】教程文章相关的互联网学习教程文章

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程