a.html中有一个文本输入框,有一些多选按钮,怎么实现在a.html中选择后提交发送到b.html中并且接收传来的数据,并且以表格形式显示出来?求求大家,给我个源代码吧!!~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Page : A
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
<!--
window.onload = function(){
document.getElementById("btn").onclick = function(){
var id = document.getElementById("id");
var favs = document.getElementsByName("fav");
var title = document.createElement("h1");
title.innerHTML = "Page : B";
var hi = document.createElement("h1");
hi.innerHTML = "HI : " + id.value;
var table = document.createElement("table");
table.border = 1;
for (var i = 0 ; i < favs.length ; i++)
{
var tr = document.createElement("tr");
var td = document.createElement("td");
td.innerHTML = "Your Fav : " + favs[i].value;
tr.appendChild(td);
table.appendChild(tr);
}
var html = "";
html += title.outerHTML;
html += hi.outerHTML;
html += table.outerHTML;
var pageB = window.open("about:blank","pageB","");
pageB.document.write(html);
pageB.document.close();
};
};
//-->
</script>
<link rel="stylesheet" href="style.css" type="text/css" />
<style type="text/css" title="">
</style>
</head>
<body>
<h1>Page : A</h1>
<div>
Your ID : <input type="text" id="id" /><br />
Your Fav :
<ul>
<li><input type="checkbox" name="fav" value="option1" />Readding</li>
<li><input type="checkbox" name="fav" value="option2" />Shopping</li>
<li><input type="checkbox" name="fav" value="option3" />SNS</li>
<li><input type="checkbox" name="fav" value="option4" />...</li>
</ul>
<button type="button" id="btn">Send</button>
</div>
</body>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。