Есть такой кусок кода:
Нажатие на input отправляет форму и результат выводится в id="result2". Есть ajax и благодаря чему страница не перезагружается.
spoiler<script>
function fun34() {
var chbox;
chbox=document.getElementById('v34');
if (chbox.checked) {
document.querySelector(".next-slide-text").click();
}
}
</script>
<form id="form_id2" method="post" novalidate>
<input value="Фото" type="radio" onchange="fun34()" id="v34" name="pakcolor">
<button style="display:none" class="next-slide-text" id="sub2_2" name="sub" type="submit" >Ok</button>
</form>
<script type="text/javascript">
$(function () {
$('#form_id2').submit(function(e){
e.preventDefault();
var data = $(this).serialize();
$. ajax ({
url:'/modules_len/ajax2.php',
type:'post',
data:data,
success:function(res){
$('#result2').html(res);
}
})
})
})
</script>
<div id="result2"></div>
Поскольку этих инпутов у меня много, мне нужно, чтобы один из инпутов был выбран при загрузке страницы без участия пользователя, а в id="result2" появился результат.
Для этого я добавил такой код
<script>
document.querySelector("#v34").click();
$('#sub2_2').click();
</script>
Теперь после загрузки страницы, нажимается нужный мне инпут и происходит клик по submit, форма отправляется, но вот страница перезагружается и естественно в result2 я не получаю результат.
Почему происходит перезагрузка страницы?
