У меня есть форма с кнопкой отправки в форме, которая открывает вложенную страницу 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>
Просто удалите элемент кнопки и сделайте что-то вроде:
$('#myspecificdiv').on('click', function() {
$('#SubmitForm').submit();
}
Вы можете скрыть кнопку отправки и выполнить ее действие щелчка в showBiog (ключ); как
function showBiog(key){
//Your code
$('#submit_btn_id').click();
}
пожалуйста, поместите JavaScript на документ.
<script type="text/javascript">
$(document).ready(function() {
$('.class name').on('click',function() {
$('#SubmitForm').submit();
});
});
</script>