У меня есть набор флажков внутри моего 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
Не знаю, как двигаться дальше, может кто-нибудь помочь?
используйте 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']
?>
Вы отправляете переменные в page2.html через строку запроса, так как вы используете метод get.
Строка запроса будет выглядеть примерно так:
yourdomeain.com/page2.html?vehicle=Bike
Затем вам нужно вытащить эти значения из строки запроса в page2.html.
Попробуй использовать.
var div = $('yourdiv').serialize();
Чтобы передать значение, вы должны использовать POST или GET, чтобы вы могли сериализовать свой div, затем вы можете отправить или просто перенаправить или любым другим способом передать значение.
ех.
window.location.href = "http://stackoverflow.com"+div;