开发者社区> 问答> 正文

从a.html发送一些选项和文本到b.html,怎么实现呢?

a.html中有一个文本输入框,有一些多选按钮,怎么实现在a.html中选择后提交发送到b.html中并且接收传来的数据,并且以表格形式显示出来?求求大家,给我个源代码吧!!~~

展开
收起
小旋风柴进 2016-03-17 13:04:45 2099 0
1 条回答
写回答
取消 提交回答
  • <!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>
    
    2019-07-17 19:05:09
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
《零基础HTML入门教程》 立即下载
天猫 HTML5 互动技术实践 立即下载
天猫HTML5互动技术实践 立即下载