父页表单中某选项由新打开的子页来选择!

来源:百度知道 编辑:UC知道 时间:2024/05/26 16:54:54
实现效果描述:
网页reg.htm中有一个表单,其中有一项是用来选择头像的,而头像图片非常多,一个一个去看很辛苦,所以在选择项的旁边有一个“浏览”按钮,点击后会打开一个小的子窗口,窗口内包含了所有头像的缩略图,只要点击缩略图即可自动关闭小子窗口,同时会向父窗口的“头像”一项上添加该图片的ID!

参考网页:
大家有站点的人都知道做好站会去备案,在我们提交备案资料的时候,有接入方式等几个选项都是类似的需要打开小的子窗口选择后,会把选择的数据提交到父窗口上。

声明:本人是学习之用,其他方式的选择类型我都会,所以请不要告诉我用其他某某简单的方法来解决,我只需要这个方法。谢谢大家了!

reg.htm
=======
<input type="text" id="img" value="">
<select id="sel" onchange="img.value=this.value+'.gif'">
</select>
<input type="button" value="浏览" onclick="winOpen()">
<script language="javascript">
for(i=0;i<55;i++)
{
document.getElementById('sel').options.add(new Option(i+1+".gif",i+1))
}
function winOpen()
{
var sel=document.getElementById("sel")
var img=document.getElementById("img")
var val =showModalDialog("img.htm",window,"status:no;resizable:yes;dialogHeight:200px;dialogWidth:360px;unadorne:yes");
img.value=val+".gif"
sel.selectedIndex=val-1;
}
</script>
======================================
img.htm
=======
<style>
img{cursor:hand}
</s