Кнопка HTML перенаправляет страницы

#javascript #jquery #html #forms #redirect

#javascript #jquery #HTML #формы #перенаправление

Вопрос:

У меня есть следующая кнопка:

 <div class="form-group">
    <button onclick="assign_all()" class="btn btn-default">Vælg alle</button>
</div>
  

Теперь это вызывает функцию JavaScript, вызываемую assign_all

Это работает нормально, однако, когда выполняется выполнение JavaScript, он просто пытается загрузить страницу. Что довольно странно (похоже, если вы нажмете на A тег)

Как вы можете видеть ниже, ничто в моем JavaScript не указывает на то, что он должен перезагрузить / загрузить страницу:

 function assign_all() {

    var info = [];
    var i = 0;
    $('.user_list').each(function () {
        if ($(this).hasClass('show')) {
            info[i] = $(this).find('.user_id').val();
            i  ;
        }
    })
}
  

Кто-нибудь может сказать мне, почему это происходит?

Ответ №1:

Это потому button type , что атрибут элемента по умолчанию установлен на submit . Ваш элемент button пытается отправить форму. Просто дайте ему type button :

 <button onclick="assign_all()" class="btn btn-default" type="button">...</button>
  

Ответ №2:

Добавьте type=»button» в свой тег button. это должно решить проблему

Ответ №3:

вы также можете сделать это

 <button onclick="assign_all();return false;" class="btn btn-default">Vælg alle</button>