отправить форму после нажатия на выбранную вкладку и страницу также остаться на этой вкладке

61
6

Я хотел бы сделать следующее:

1. tab-1 is selected when page load at first time
2. After clicking tab-2, form is submitted and page need to stay on the tab-2

Я проверил два фрагмента кода. Однако у обоих из них есть ошибки (см. Ниже):

<form id="target">
<ul>
<li><a href="#tabs-1" id="tabs-A">Tab-1</a></li>
<li><a href="#tabs-2" id="tabs-B">Tab-2</a></li>
<li><a href="#tabs-3" id="tabs-C">Tab-3</a></li>
</ul>
<div id="tabs-1">
</div>
<div id="tabs-2">
</div>
<div id="tabs-3">
</div>
</form>

код 1- Он работает с point2 и не работает с точкой 1

<script>
$(function() {

var $tabs = $('#tabs').tabs();

$tabs.tabs( "option", "selected", 1 );

$('#tabs-B').click(function() {
$('#target').submit();

});
});
</script>

код 2- Он работает с точкой 1, но форма не отправляется после нажатия tab-2

var $tabs = $('#tabs').tabs();

$('#tabs-B').click(function() {
$('#target').submit(function() {
$tabs.tabs( "option", "selected", 1 );
});

});

спросил(а) 2012-03-06T13:03:00+04:00 8 лет, 12 месяцев назад
1
Решение
96

используйте метод [ select][1]

$( "#tabs" ).tabs({
select: function(event, ui) {

var data = $("#from1").serialize();

console.log(data);
// submit the for via ajax here
/*$.post("/path",{data:data},function(){
//clear the form fields or what ever you want to do
});*/

}
});

http://jsfiddle.net/5RMxZ/16/

ответил(а) 2012-03-06T13:34:00+04:00 8 лет, 12 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема