js实现两张table之间的传值

最新推荐文章于 2023-02-15 10:30:14 发布

WHW1984

最新推荐文章于 2023-02-15 10:30:14 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： table border report button stylesheet function

本文链接：https://blog.youkuaiyun.com/WHW1984/article/details/2224349

这是一个使用JavaScript实现的页面，允许用户在两个表格之间传递数据。用户可以通过双击从可用视图表格中选择条目，然后将这些条目添加到已选视图表格。同时提供了添加所有条目和移除选中条目的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>
<HEAD>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<META content="IBM Software Development Platform">
<META http-equiv="Content-Style-Type" content="text/css">
<LINK href="theme/Master.css" rel="stylesheet"
type="text/css">
<TITLE>select table.jsp</TITLE>
</HEAD>
<script language="javascript">

var currentActiveRow
function moveOption(obj,oSelectFrom)
{
if(currentActiveRow) currentActiveRow.style.backgroundColor="";
currentActiveRow = obj;
currentActiveRow.style.backgroundColor="gray";
currentActiveRow.disabled=true;

var roleName=currentActiveRow.cells[0].innerText;
var roleType=currentActiveRow.cells[1].innerText;

var selectedObj=document.getElementById(oSelectFrom);

var rowIndex=selectedObj.childNodes[0].childNodes.length;

var objTR=selectedObj.insertRow(rowIndex);
//alert("message:"+roleName+" "+roleType);
var cell1=objTR.insertCell();
var cell2=objTR.insertCell();
cell1.innerText=roleName;
cell2.innerText=roleType;
rowIndex2=parseInt(rowIndex)+parseInt(1);
}

function deleteRow(obj)
{
//var obj=document.getElementById("table1");
var rowIndex=obj.childNodes[0].childNodes.selectedIndex;
obj.deleteRow(rowIndex-parseInt(1));
}

</script>
<BODY>
<table width="100%" border="1" cellspacing="0" cellpadding="0" height="55" bordercolor="#eaeaea">
              <tr>
                <td height="250" valign="top">
                  
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" disabled>
                    <tr height="18">
                      <td width="18%" > Available Views</td>
                      <td width="28%" ><div align="right">
        Search <input size=10 >
                               <button 'AvlRptGrp', true,'#ffff00');" type="submit">Find</button></div>