Как исправить AJAX работает, когда я пытаюсь выбрать вариант из выпадающего

Question

Моя форма содержит два выбранных элемента. Отправка должна осуществляться через AJAX, только когда запущен обработчик события onclick , связанный с button#assignrole.

Но в настоящее время AJAX-вызов запускается, как только я выбираю опцию из выпадающего списка «Пользователь»:

Я пытался отключить все остальныескрипты в моем нижнем колонтитуле, заголовке и т.д.

Answer 1

Кажется, у вас есть дубликаты ID.

Здесь:

<div class="modal fade" id="assignrole" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

И здесь:

<button type="submit" id="assignrole" class="btn btn-primary">Save changes</button>

Это означает, что при добавлении события click оно будет установлено при первом попаданииэтот идентификатор. В вашем случае это элемент modal.

$("#assignrole") // <div class="modal fade" id="assignrole" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

Изменение идентификатора одного из двух элементов решит проблему с щелчком.

Answer 2

Это потому, что ваш селектор ("#assignrole") не подходит. у вас есть 2 элемента HTML с одинаковыми идентификаторами:

<button type="submit" id="assignrole" class="btn btn-primary">Save changes</button>


<div class="modal fade" id="assignrole" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"></div>

удалить модальный идентификатор.