Question

我的div中有一组复选框，我想将所有这些值移到另一页

我试过这种方式

现在这个div是静态的，但它将包含将动态生成的值。

Page1.html

   <!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    var obj = [];
    var elems = $("#one");
    $(document).ready(function(){
    });
    function onsubmit()
    {
    for (i = 0; i < elems.length; i++) {
        var id =document.getElementById('value');
        alert(id);
        tmp = {
            'values': id
        };
        obj.push(tmp);
    }
    return true;
    }
    </script>
    </head>
    <body>
    <form onsubmit="myFunction()" action="page2.html" method="get">
    <div id="one"/>
    <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
    <input type="checkbox" name="vehicle" value="Car">I have a car <br>
    <input type="submit" value="Submit">
    </div>
    </form>
    </body>
    </html>

我有一个空白的page2.html

不知道如何进一步行动，有人可以帮忙吗？

Answer 1

由于您使用的是get方法，因此您通过查询字符串将变量发送到page2.html。

查询字符串看起来像

yourdomeain.com/page2.html?vehicle=Bike

然后你需要从page2.html中的查询字符串中提取这些值。

Answer 2

使用php在$ _GET或$ _REQUEST的其他页面上获取值您还需要将输入上的名称更改为不重复

<input type="checkbox" name="bike" value="Bike">I have a bike<br>
<input type="checkbox" name="car" value="Car">I have a car <br>

<?php

    $bike = $_GET['bike']
    $car = $_GET['car']

?>

Answer 3

尝试使用。

var div = $('yourdiv').serialize();

要传递该值，您应该使用POST或GET，这样您就可以序列化div，然后您可以提交或只是重定向或以任何其他方式传递值。

离。

window.location.href = "http://stackoverflow.com"+div;

如何将div数据从一个页面传递到另一个页面

3 个答案: