她的这个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>
。 。
答案 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>