javascript — щелчок по div вместо нажатия кнопки submit, а затем передача аргумента.

У меня есть форма с кнопкой отправки в форме, которая открывает вложенную страницу php в div на моей странице.

Все, что я хочу сделать, это спрятать кнопку отправки и вместо этого заменить ее нажатием одного из элементов div и запустить скрипт showBiog (ключ), который затем передает ключ в форму для отправки …. help …; -)

<script type="text/javascript">
$(function() {
// Handler for .ready() called.
$('#SubmitForm').submit(function( event ) {

$.ajax({
url: 'test2.php',
type: 'POST',
dataType: 'html',
data: $('#SubmitForm').serialize(),
success: function(content)
{
$("#DisplayDiv").html(content);
}
});

event.preventDefault();
});

});
</script>

HTML это:

 <form id="SubmitForm" method="post">
<div id="SubmitDiv" style="background-color:black;">
<button type="submit" class="btnSubmit">Submit</button>
</div>
</form>

<div class="test" onClick="showBiog(1)"><p>1</p></div>
<div class="test" onClick="showBiog(2)"><p>2</p></div>
<div class="test" onClick="showBiog(3)"><p>3</p></div>
<div class="test" onClick="showBiog(4)"><p>4</p></div>

1

Решение

Просто удалите элемент кнопки и сделайте что-то вроде:

$('#myspecificdiv').on('click', function() {
$('#SubmitForm').submit();
}
0

Другие решения

Вы можете скрыть кнопку отправки и выполнить ее действие щелчка в showBiog (ключ); как

function showBiog(key){
//Your code
$('#submit_btn_id').click();
}
0

пожалуйста, поместите JavaScript на документ.

<script type="text/javascript">
$(document).ready(function() {
$('.class name').on('click',function() {
$('#SubmitForm').submit();
});
});
</script>
0
По вопросам рекламы ammmcru@yandex.ru
Adblock
detector