Javascript 使用返回值从另一个html页面关闭DIV
我有一个php网页，其中有一个文本框。在文本框旁边，我提供了一个链接。单击具有ifram的链接DIV打开。I框架中填充了具有id和说明的项目列表。现在，当我单击某个特定项时，我希望关闭DIV，并将该特定项的ID提取到文本框中Javascript 使用返回值从另一个html页面关闭DIV,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有一个php网页，其中有一个文本框。在文本框旁边，我提供了一个链接。单击具有ifram的链接DIV打开。I框架中填充了具有id和说明的项目列表。现在，当我单击某个特定项时，我希望关闭DIV，并将该特定项的ID提取到文本框中 Page1.php <html> <body> <input id="productid" type="text" name="productID" /> <img src=search.gif border=
Page1.php
<html>
<body>
<input id="productid" type="text" name="productID" />
<img src=search.gif border=1 onclick="document.all.floatDiv.style.display='inline'" alt="Expand">
<img src=nosearch.gif onclick="document.all.floatDiv.style.display='none'" alt="Compress">
<div id="floatDiv">
<iframe name="moreIframe" id="moreIframe" width="99%" height="97%" align="center" src="Page2.php" style="background-color: white;"></iframe>
<?php
?>
</div>
</body>
</html>
Page2.php
<html>
<body>
<table>
<tr>
<td>ID</td>
<td>Product</td>
</tr>
<tr>
<td><a href="" onclick="retvalue('12')" >12</a></td>
<td>Brass 13 mm Rod</td>
</tr>
<tr>
<td><a href="" onclick="retvalue('15')" >15</a></td>
<td>Steel 13 mm Rod</td>
</tr>
<table>
</body>
</html>
Page1.php
Page2.php
身份证件
产品
13毫米黄铜杆
13毫米钢棒
步骤4：单击data fatch$\u请求方法抛出调用值将Page2.php文件的内容替换为以下内容
<table>
<tr>
<td>ID</td>
<td>Product</td>
</tr>
<tr>
<td><a class='test' href="" >12</a></td>
<td>Brass 13 mm Rod</td>
</tr>
<tr>
<td><a href="" class='test' >15</a></td>
<td>Steel 13 mm Rod</td>
</tr>
<table>
<script>
var classname = document.getElementsByClassName("test");
for(var i=0;i<classname.length;i++){
classname[i].addEventListener("click", function(event){
event.preventDefault();
var attribute = this.innerText;
alert(attribute);
window.parent.document.getElementById('productid').value = attribute;
});
}
</script>
身份证件
产品
13毫米黄铜杆
13毫米钢棒
var classname=document.getElementsByClassName（“测试”）；
对于（var i=0；i将Page2.php文件的内容替换为以下内容
<table>
<tr>
<td>ID</td>
<td>Product</td>
</tr>
<tr>
<td><a class='test' href="" >12</a></td>
<td>Brass 13 mm Rod</td>
</tr>
<tr>
<td><a href="" class='test' >15</a></td>
<td>Steel 13 mm Rod</td>
</tr>
<table>
<script>
var classname = document.getElementsByClassName("test");
for(var i=0;i<classname.length;i++){
classname[i].addEventListener("click", function(event){
event.preventDefault();
var attribute = this.innerText;
alert(attribute);
window.parent.document.getElementById('productid').value = attribute;
});
}
</script>
身份证件
产品
13毫米黄铜杆
13毫米钢棒
var classname=document.getElementsByClassName（“测试”）；
对于（var i=0；i我发现答案如下
Page1.php
<html>
<style>
#floatDiv {
position:absolute;
left:50%;
margin-top:200px;
margin-left:-200px;
width:600px;
height:200px;
background-color: blue;
display:none;
}
</style>
<script language="javascript">
function closediv()
{
document.getElementById('floatDiv').style='none';
}
</script>
<body>
<form name="form1" id="form2" method="post" >
<input id="productid" type="text" name="productID" />
<img src=search.gif border=1 onclick="document.all.floatDiv.style.display='inline'" alt="Expand">
<img src=nosearch.gif onclick=" closediv();" alt="Compress">
<div id="floatDiv">
<iframe name="moreIframe" id="moreIframe" width="99%" height="97%" align="center" src="Page2.php?fldnm=productID" style="background-color: white;"></iframe>
<?php
?>
</div>
</form>
</body>
</html>
#浮点数{
位置：绝对位置；
左：50%；
利润上限：200px；
左边距：-200px；
宽度：600px；
高度：200px；
背景颜色：蓝色；
显示：无；
}
函数closediv（）
{
document.getElementById（'floatDiv'）.style='none'；
}
和page2.php
<html>
<head>
<script language="javascript">
function CloseWin(varv,elem)
{
parent.document.forms['form1'].elements[elem].value=varv;
parent.closediv();
}
</script>
</head>
<body>
<table>
<tr>
<td>ID</td>
<td>Product</td>
</tr>
<tr>
<td><a class='test' href="" id="id1" onclick="kickass('12','productID');">12</a></td>
<td>Brass 13 mm Rod</td>
</tr>
<tr>
<td><a href="" class='test' onclick="kickass('15','productID');">15</a></td>
<td>Steel 13 mm Rod</td>
</tr>
<table>
<html>
<body>
函数CloseWin（varv，elem）
{
parent.document.forms['form1'].elements[elem].value=varv；
parent.closediv（）；
}
身份证件
产品
13毫米黄铜杆
13毫米钢棒
它确实关闭了文本框productID中包含iframe和传递值的div。我找到了如下答案
Page1.php
<html>
<style>
#floatDiv {
position:absolute;
left:50%;
margin-top:200px;
margin-left:-200px;
width:600px;
height:200px;
background-color: blue;
display:none;
}
</style>
<script language="javascript">
function closediv()
{
document.getElementById('floatDiv').style='none';
}
</script>
<body>
<form name="form1" id="form2" method="post" >
<input id="productid" type="text" name="productID" />
<img src=search.gif border=1 onclick="document.all.floatDiv.style.display='inline'" alt="Expand">
<img src=nosearch.gif onclick=" closediv();" alt="Compress">
<div id="floatDiv">
<iframe name="moreIframe" id="moreIframe" width="99%" height="97%" align="center" src="Page2.php?fldnm=productID" style="background-color: white;"></iframe>
<?php
?>
</div>
</form>
</body>
</html>
#浮点数{
位置：绝对位置；
左：50%；
利润上限：200px；
左边距：-200px；
宽度：600px；
高度：200px；
背景颜色：蓝色；
显示：无；
}
函数closediv（）
{
document.getElementById（'floatDiv'）.style='none'；
}
和page2.php
<html>
<head>
<script language="javascript">
function CloseWin(varv,elem)
{
parent.document.forms['form1'].elements[elem].value=varv;
parent.closediv();
}
</script>
</head>
<body>
<table>
<tr>
<td>ID</td>
<td>Product</td>
</tr>
<tr>
<td><a class='test' href="" id="id1" onclick="kickass('12','productID');">12</a></td>
<td>Brass 13 mm Rod</td>
</tr>
<tr>
<td><a href="" class='test' onclick="kickass('15','productID');">15</a></td>
<td>Steel 13 mm Rod</td>
</tr>
<table>
<html>
<body>
函数CloseWin（varv，elem）
{
parent.document.forms['form1'].elements[elem].value=varv；
parent.closediv（）；
}
身份证件
产品
13毫米黄铜杆
13毫米钢棒
它确实关闭了文本框productID中包含iframe和传递值的div。有点过于笼统，无法在此处获得有用的反馈。可能需要提供一些到目前为止的代码。问题是什么！？请参阅添加的代码。我希望第2页中的12或15填充到第1页文本框productID中。您在哪里创建了retvalue（）
函数？我还没有创建retvalue（）函数功能还没有实现。我需要帮助，因为它太笼统了一点，无法在这里获得有用的反馈。可能需要提供一些到目前为止您所拥有的代码。问题是什么！请参阅添加的代码。我希望第2页中的12或15填充到第1页文本框ProductId中。您在哪里创建了retvalue（）
function？我还没有创建retvalue（）函数。我需要帮助，只有在我单击12或15链接文本框的内容为“未定义”文本且div仍保持打开状态后，alert（）是否返回正确的值？单击12或15链接文本框的内容为“未定义”文本且div仍保持打开状态。alert（）返回正确的值？