Я пытаюсь создать форму, чтобы она подавала (без обновления страницы), когда в выпадающем меню сделан выбор. В настоящее время он настроен для отправки, когда выпадающее меню выбрано, но оно обновляет страницу.
Мой код для формы,
<form action="" method="get"> <select name="day" onchange="this.form.submit();"> <option>Please select a date</option> <option value="Mon"><?php echo $monday; ?></option> <option value="Tue"><?php echo $tuesday; ?></option> <option value="Wed"><?php echo $wednesday; ?></option> <option value="Thu"><?php echo $thursday; ?></option> <option value="Fri"><?php echo $friday; ?></option> </select> </form> Я попробовал несколько jquery-руководств по отправке форм без обновления, но все они включают кнопку отправки. Мне нужен тот, который связывает отправку формы, когда в выпадающем списке выбирается выбор.
Любая помощь приветствуется.
EDIT: Решено Использование некоторых идей из ответов здесь, некоторые учебные пособия и много проб / ошибок. Наконец, я понял. Вот код, который работает
$('#day').change(function() { $.ajax({ type: 'post', url: "tutoringlistsession.php", data: $("form.day").serialize(), success: function() { $('#list').load('tutoringlist.php', function(){ }); $('#list').show("fast"); } }); return false; });