如何将每个相应点击的元素值'val []'从父窗口传递到子图层窗口元素'sel_value'?

时间:2011-08-01 18:46:57

标签: php javascript jquery

她的这个DIV是一个带有一个表单的新图层窗口。 showModal('modal')是一个隐藏/显示新图层窗口的简单java脚本

<div id="modal" style="border:3px solid black; background-color:#9999ff; padding:25px; font-size:150%; text-align:center; display:none;">
This is a hidden layer(only show after click)
<form name="frm" method=post action="">
Your name<input type="text" id="sel_value" name="sel_value" size=12 value=test> 
<input type=submit value='Submit' >
</form>
</div>

这是父窗口

<input type="text" name="va[]" id="va[]" size=12 value="2"><a href="#" onClick="Popup.showModal('modal');return false;">link</a>
<input type="text" name="va[]" id="va[]" size=12 value="3"><a href="#" onClick="Popup.showModal('modal');return false;">link</a>
<input type="text" name="va[]" id="va[]" size=12 value="4"><a href="#" onClick="Popup.showModal('modal');return false;">link</a>
<input type="text" name="va[]" id="va[]" size=12 value="5"><a href="#" onClick="Popup.showModal('modal');return false;">link</a>
<input type="text" name="va[]" id="va[]" size=12 value="6"><a href="#" onClick="Popup.showModal('modal');return false;">link</a>

。 。

1 个答案:

答案 0 :(得分:0)

编辑:(根据提供的新信息完成答案的更改)

这是应该做你想做的事情的脚本:

<html><head>

    <script type="text/javascript">

function modal(id){
  var txt=document.getElementById(id).innerHTML; //will copy the contents from the comment
  var x=window.open('','name','height=400,width=500'); 
    x.document.write('<form name="frm" method="post" action="">'); 
    x.document.write('Your name: <input type="text" id="sel_value" name="sel_value"><br />');
    x.document.write('<textarea>'+txt+"\nYour comment:\n"+'</textarea><br />');
    x.document.write('<input type="submit" value="Submit">');
    x.document.write('</form>');
}

</script>

</head><body>

<div id='va1'>comment 1</div><a href="#" onClick="modal('va1');">link 1</a>
<div id='va2'>comment 2</div><a href="#" onClick="modal('va2');">link 2</a>
<div id='va3'>comment 3</div><a href="#" onClick="modal('va3');">link 3</a>
<div id='va4'>comment 4</div><a href="#" onClick="modal('va4');">link 4</a>
<div id='va5'>comment 5</div><a href="#" onClick="modal('va5');">link 5</a>

</body></html>