首页 / HTML / 做一个多项选择界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的html页面_html/css_WEB-ITnose

做一个多项选择界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的html页面_html/css_WEB-ITnose

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了做一个多项选择界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的html页面_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1658字，纯文字阅读大概需要3分钟。

内容图文

html

做一个多项选择界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的主html页面。
比如说主页面A，有两个选择项，1和2，点击弹出对应的页面1和页面2，在这两个页面选择对应的东西，选择完页面1之后把数据返回到A主页面两个text里，继续选择页面2，选择完页面2后，数据返回到A主页面另一个text里

回复讨论(解决方案)

我现在已经做出了选择功能了，但是选择完一个再选另一个，之前已经选择好了的就找不到了

大侠们还没上班吗？

没人帮忙吗？这个很难吗？

测试页面： 

 <html> 
 <head> 
 <title>测试</title> 
 <script> 
 function selectWin(index) 
 { 
if(index==1) 
{ 
window.open("1.html"); 
} 
else 
{ 
window.open("2.html"); 
} 
 } 
 </script> 
 </head> 
 <form name="myform"> 
 <table> 
 <tr> 
 <td>选择</td> 
 <TD> 
 <INPUT type="checkbox" name="chk" value="1" onclick="selectWin(this.value)">选择一 
 <INPUT type="checkbox" name="chk" value="2" onclick="selectWin(this.value)">选择二 
 </TD> 
 <tr> 
 <tr> 
 <td> 
 <input type="text" name="txt1"> 
 <input type="text" name="txt2"> 
 </td></tr> 
 </table> 
 </form> 
 </html>

1.html 

<html> 
 <head> 
 <title>测试</title> 
 <script> 
 function returnVal(index) 
 { 
 window.opener.document.forms[0].txt1.value=index; 
 window.close(); 

} 
 </script> 
 </head> 
 <form name="myform"> 
 <table> 
 <td> 
 <input type="text" name="txt1"> 
 <input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);"> 
 </td></tr> 
 </table> 
 </form> 
 </html>

2.html： 

<html> 
 <head> 
 <title>测试</title> 
 <script> 
 function returnVal(index) 
 { 
 window.opener.document.forms[0].txt2.value=index; 
 window.close(); 
 } 
 </script> 
 </head> 
 <form name="myform"> 
 <table> 
 <td> 
 <input type="text" name="txt1"> 
 <input type="button" value="返回" onClick="returnVal(document.forms[0].txt1.value);"> 
 </td></tr> 
 </table> 
 </form> 
 </html>

内容总结

以上是互联网集市为您收集整理的做一个多项选择界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的html页面_html/css_WEB-ITnose全部内容，希望文章能够帮你解决做一个多项选择界面，选择一项弹出一个新页面，选择完这一项之后，返回之前的html页面_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/396058.html

来源：【匿名】