在a页面采用iframe引用一个页面,此页面为列表页面,在列表页面选择一条记录后,获取当前选中记录的信息。
a页面code:
<iframe id="signalDicpPage" name="signalDicpPage" width="100%" height="100%" frameborder="0" scrolling="no" src="b.jsp"></iframe>
b页面:
一个table,id为signalTable,包含了多行记录,每行的第一个单元格都为复选框并且id为checkSignalDicp
在b页面中获取选中行的单元格内容js:
var rows; //定义当前选中的行
var obj = document.getElementsByName("checkSignalDicp"); //获取选中的所有复选框
var j=0; //选中的行数
for(var i=0; i<obj.length; i++)
{
if(obj[i].checked){
j++;
//得到选中的行
rows = document.getElementById("signalTable").rows[i+1];
}
}
//如果没有选中记录,则提示需要选中记录,如果选中的行数为多行,则提示只能选择一行数据。
if(j==0){
alert("请先选中记录");
}else if(j>1){
alert("只能选择一行记录!");
}else{
//获取选中行的记录
var cell1 = rows.cells[1].innerHTML.trim(); //获取第1个单元格的内容,随后依次类推。
}
b页面可以定义一些全局变量并且得到单元格的内容;
a页面可以调用b页面的js函数,也可以调用b页面的变量。
函数调用:根据iframe的id来进行获取document.getElementById("signalDicpPage").contentWindow.函数名()
变量调用:根据iframe的id来进行获取document.getElementById("signalDicpPage").contentWindow.变量名
a页面code:
<iframe id="signalDicpPage" name="signalDicpPage" width="100%" height="100%" frameborder="0" scrolling="no" src="b.jsp"></iframe>
b页面:
一个table,id为signalTable,包含了多行记录,每行的第一个单元格都为复选框并且id为checkSignalDicp
在b页面中获取选中行的单元格内容js:
var rows; //定义当前选中的行
var obj = document.getElementsByName("checkSignalDicp"); //获取选中的所有复选框
var j=0; //选中的行数
for(var i=0; i<obj.length; i++)
{
if(obj[i].checked){
j++;
//得到选中的行
rows = document.getElementById("signalTable").rows[i+1];
}
}
//如果没有选中记录,则提示需要选中记录,如果选中的行数为多行,则提示只能选择一行数据。
if(j==0){
alert("请先选中记录");
}else if(j>1){
alert("只能选择一行记录!");
}else{
//获取选中行的记录
var cell1 = rows.cells[1].innerHTML.trim(); //获取第1个单元格的内容,随后依次类推。
}
b页面可以定义一些全局变量并且得到单元格的内容;
a页面可以调用b页面的js函数,也可以调用b页面的变量。
函数调用:根据iframe的id来进行获取document.getElementById("signalDicpPage").contentWindow.函数名()
变量调用:根据iframe的id来进行获取document.getElementById("signalDicpPage").contentWindow.变量名