a.html中有一个文本输入框,有一些多选按钮,怎么实现在a.html中选择后提交发送到b.html中并且接收传来的数据,并且以表格形式显示出来?求求大家,给我个源代码吧!!~~
我是搞php的只能给你一个思路,html是静态的不能直接发送数据,因此必须通过post来发送数据,这个只能通过在html中嵌入jsp代码,或者通过jsp输出html来实现
你的b.html是重写过的动态页还是就是静态页面?静态页面接受不了参数,提交过去有什么用?
如果是静态页面,直接在a.html用js处理好你的输入数据显示出来就好了啊
动态页面你可以用ajax提交,处理完毕后输出你的表格html代码,ajax接受返回数据后显示出来即可
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>
由a.html中的按钮触发到b.html的跳转,并在查询字符串中传输数据,b.html被载入后获取查询字符串中的参数,进行下一步操作,比如渲染表格
不科学啊!这是静态码。