点击选人打开新的窗口，新窗口中选取之后点击确定将所选内容传给原窗口，并关闭当前窗口

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

        #TextBox1 {

            width: 300px;

            height: 300px;

            cursor: no-drop;

        }

    </style>

</head>

<body>

    <form id="form1" runat="server">

        <div>

            <asp:TextBox ID="TextBox1" TextMode="MultiLine" runat="server"></asp:TextBox>

            <input type="button" id="btn111" value="选人" />

            <br />

            //<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

            //<asp:Button ID="Button1" runat="server" Text="Button" />

        </div>

    </form>

</body>

</html>

<script>

    document.getElementById("btn111").onclick = function () {

        window.open("Default2.aspx", "_blank", "width=400 height=400");

    }

</script>

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

 <!DOCTYPE html>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     <title></title>

     <style>

         #ListBox1, #ListBox2 {

             width: 200px;

             height: 200px;

             float: left;

         }

     </style>

 </head>

 <body>

     <form id="form1" runat="server">

         <div>

             <asp:ListBox ID="ListBox1" SelectionMode="Multiple" runat="server">

                 <asp:ListItem Value="">苹果</asp:ListItem>

                 <asp:ListItem Value="">橘子</asp:ListItem>

                 <asp:ListItem Value="">香蕉</asp:ListItem>

                 <asp:ListItem Value="">葡萄</asp:ListItem>

                 <asp:ListItem Value="">张柯</asp:ListItem>

             </asp:ListBox>

             <div style="float: left;">

                 <%--<input type="button" id="btn1" value="添加>>>" /><br />

                 <input type="button" id="btn2" value="<<<移除" />--%>

                 <input type="button" id="btn_ok" value="确定" />

             </div>

             <%--<asp:ListBox ID="ListBox2" runat="server"></asp:ListBox>--%>

         </div>

     </form>

 </body>

 </html>

 <%--<script src="JavaScript.js"></script>

 <script src="JavaScript2.js"></script>--%>

 <script>

     document.getElementById("btn_ok").onclick = function () {

         var oLb1 = document.getElementById("ListBox1");

         var end = "";

         for (var i = ; i < oLb1.options.length; i++) {

             if (oLb1.options[i].selected) {

                 end += oLb1.options[i].innerHTML + ",";

             }

         }

         window.opener.document.getElementById("TextBox1").value = end;

         window.close();

     };

 </script>

点击确定：

JS 实战2（邮箱选人功能）的更多相关文章

  1. 【Vue.js实战案例】- Vue.js递归组件实现组织架构树和选人功能

    大家好!先上图看看本次案例的整体效果. 浪奔,浪流,万里涛涛江水永不休.如果在jq时代来实这个功能简直有些噩梦了,但是自从前端思想发展到现在的以MVVM为主流的大背景下,来实现一个这样繁杂的功能简直不 ...

  2. vue.js实战——购物车练习（包含全选功能）

    vue.js实战第5章 54页的练习1 直接放代码好了,全选的部分搞了好久,代码好像有点啰嗦,好在实现功能了(*^▽^*) HTML: <!DOCTYPE html> <html l ...

  3. React.js 小书 Lesson27 - 实战分析：评论功能（六）

    作者:胡子大哈 原文链接:http://huziketang.com/books/react/lesson27 转载请注明出处,保留原文链接和作者信息. (本文未审核) 删除评论 现在发布评论,评论不 ...

  4. 用JS实现发邮件的功能 完美解决

    怎样用JS实现发邮件的功能? 我想用JS实现把页面文本框中的内容直接通过邮件的方式发送到一个指定的邮箱.fengxq给出的答案是<script language=javascript>if ...

  5. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 错误处理

    沪江CCtalk视频地址:https://www.cctalk.com/v/15114923887518 处理错误请求 爱能遮掩一切过错. 当我们在访问一个站点的时候,如果访问的地址不存在(404), ...

  6. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 记录日志

    沪江CCtalk视频地址:https://www.cctalk.com/v/15114923883523 log 日志中间件 最困难的事情就是认识自己. 在一个真实的项目中,开发只是整个投入的一小部分 ...

  7. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 处理静态资源

    视频地址:https://www.cctalk.com/v/15114923882788 处理静态资源 无非花开花落,静静. 指定静态资源目录 这里我们使用第三方中间件: koa-static 安装并 ...

  8. iKcamp｜基于Koa2搭建Node.js实战（含视频）☞ 视图Nunjucks

    视频地址:https://www.cctalk.com/v/15114923888328 视图 Nunjucks 彩虹是上帝和人类立的约,上帝不会再用洪水灭人. 客户端和服务端之间相互通信,传递的数据 ...

  9. 分享Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站

    这是个什么的项目? 使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站. 博客线上地址:www.boblog.com Github地址:https: ...

随机推荐

  1. （转）SSIS处理导入数据时, 存在的更新, 不存在的插入

    问题描述: 当你把数据从其他数据库, 或者是文本文件之类的其他数据源导入到目的数据库时, 有时希望在导入的处理中, 能够实现"数据存在时更新, 不存在时导入" 在之前, 一般是通过 ...

  2. dubbo熔断，限流，服务降级

    1 写在前面 1.1 名词解释 consumer表示服务调用方 provider标示服务提供方,dubbo里面一般就这么讲. 下面的A调用B服务,一般是泛指调用B服务里面的一个接口. 1.2 拓扑图 ...

  3. Java实现二叉查找树

    摘要:一个二叉查找树的Java实现.可以学习二叉树处理的递归及非递归技巧. 难度:初级. 为了克服对树结构编程的恐惧感,决心自己实现一遍二叉查找树,以便掌握关于树结构编程的一些技巧和方法.以下是基本思 ...

  4. python 手动遍历迭代器

    想遍历一个可迭代对象中的所有元素,但是却不想使用for 循环 为了手动的遍历可迭代对象,使用next() 函数并在代码中捕获StopIteration 异常.比如,下面的例子手动读取一个文件中的所有行 ...

  5. Python 日历模块calendar.monthrange 获取某一个月有多少天

    import calendar monthRange = calendar.monthrange(2018, 10) (0, 31) 输出的是一个元组: 第一个元素,数字0是这个月的第一天是星期天(上 ...

  6. Python笔记 #15# Pandas: Missing Data

    10 Minutes to pandas import pandas as pd import numpy as np import matplotlib.pyplot as plt dates = ...

  7. 20145301赵嘉鑫《网络对抗》逆向及Bof基础

      20145301赵嘉鑫<网络对抗>逆向及Bof基础 实践目标 本次实践的对象是一个名为pwn1的linux可执行文件. 该程序正常执行流程是:main调用foo函数,foo函数会简单回 ...

  8. linux体系结构与内核结构图解

    1．当被问到Linux体系结构(就是Linux系统是怎么构成的)时,我们可以参照下图这么回答:从大的方面讲,Linux体系结构可以分为两块: (1)用户空间:用户空间中又包含了,用户的应用程序,C库 ...

  9. labview学习之“创建数组”函数

    “创建数组”函数 一.位置:“函数”-“编程”-“数组”-“创建数组” 其图标为: 图1 图标 二.简介: “创建数组”函数有两种模式,一种是“连接模式”,一种是“添加模式”. 如需切换两种模式,可右 ...

  10. How does flyway sort version numbers?

    https://stackoverflow.com/questions/19984397/how-does-flyway-sort-version-numbers In one word: numer ...