Как связать Jquery и кнопку с типом submit?

Question

Никита Братский @NikBr_9

...

JavaScript

Как связать Jquery и кнопку с типом submit?

$(<идентификатор>).hide();
есть код уже который будет выполнятся, после работы php-кода, и он будет скрывать блок, но есть проблема, необходимо данный код связать с <button type='submit' id='submit2'>Enter</button>, как связать так, чтобы выполнение шло после нажатия данной кнопки?

Вопрос задан более трёх лет назад
1281 просмотр

Комментировать

Подписаться 1 Оценить Комментировать

Пригласить эксперта

Ответы на вопрос 4

2 комментария

5 комментариев

Никита Братский @NikBr_9 Автор вопроса

не вышло

Написано более трёх лет назад
Богдан @bogdan_uman

А что пишет? какая ошибка?

Написано более трёх лет назад
Никита Братский @NikBr_9 Автор вопроса

Богдан: не выполняется вообще

Написано более трёх лет назад
Богдан @bogdan_uman
Зайдите в интрументы разработчика -> и смотрите в консоле что пишет.

window.onload = () => { console.log('load page'); $('#submit2').on('click', (event) => { event.preventDefault(); console.log('click'); $(<идентификатор>).hide(); } ) }
Написано более трёх лет назад
Никита Братский @NikBr_9 Автор вопроса
load page
единственное, что написал, мне необходимо, чтобы верхний инпут исчез вместе с кнопкой
<button type="submit1" name="submit1" style="margin-left:360px;border: 1px dotted #21f838; background: #000; color: #21f838; position: fixed;" id="button-submit1" onclick="countRabbits()">Enter</button>
после её нажатия, но так же необходимо, чтобы отработал php-код.
Написано более трёх лет назад

5 комментариев

Никита Братский @NikBr_9 Автор вопроса

не вышло

Написано более трёх лет назад
Stalker_RED @Stalker_RED

Никита Братский: А что пишет?
Я надеюсь вы подставляете что-то вместо <идентификатор>?

Написано более трёх лет назад
Никита Братский @NikBr_9 Автор вопроса

Stalker_RED: естественно, хоть чуть-чуть да понимаю в jquery, вместо <идентификатор> я поставил: ‘#hideme’

Написано более трёх лет назад

Михаил @Mikhail_RU

Никита Братский:

Ссылка на рабочий код

<!DOCTYPE html>
<html>

  <head>
   
    <script
  src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g="
  crossorigin="anonymous"></script>
    
    <script>
      function hideRabbits() {
        $('#txt').hide();
      }
    </script>
    
  </head>

  <body>
    <h1>Hello Plunker!</h1>
    
    <button type='submit' id='submit2' onclick="hideRabbits()">Enter</button>
    
    <div id="txt">
        <p>Text goes here</p>
            <ul>
              <li>item</li>
              <li>item</li>
              <li>item</li>
            </ul>
    </div>
  </body>

</html>

Написано более трёх лет назад

Никита Братский @NikBr_9 Автор вопроса

Михаил: нужно ещё учитывать, что у меня есть php-код, который должен отработать. И лишь потом уже должен удалятся блок с инпутом и кнопкой

Написано более трёх лет назад

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Как в axios сделать подобный url?
- 1 подписчик
- 5 часов назад
- 36 просмотров
0

ответов
JavaScript

Простой
Как вывести фотографии из папки или из контейнера последовательно с отработкой на каждой анимации?
- 1 подписчик
- вчера
- 41 просмотр
1

ответ
JavaScript

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- 02 мая
- 127 просмотров
1

ответ
JavaScript

+3 ещё

Средний
Как поменять тип проекции карты в Leaflet?
- 3 подписчика
- 02 мая
- 742 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- 02 мая
- 69 просмотров
0

ответов
JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 01 мая
- 59 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- 01 мая
- 188 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 01 мая
- 59 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 01 мая
- 718 просмотров
4

ответа
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 01 мая
- 95 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Senior Fullstack JavaScript Node.js + React

Simplenight inc.

от 4 000 до 6 500 $

Специалист по телеграм

05 мая 2024, в 04:55

12000 руб./за проект

Название проекта: Бот Telegram для автоматизации судебных приказов

05 мая 2024, в 02:15

30000 руб./за проект

Десктоп приложение для добавления товаров на Python

05 мая 2024, в 01:43

5000 руб./за проект

Answer 1 · 2017-07-09 12:26:56

я надеюсь что вы поставили кнопку в форме

<form id="myForm">
    Username: <input type="text" id="username" class="required" />
    <input type="submit" />
</form>

и идентификатор надо поставить не на кнопку а на форму

$(document).ready(function() {
    $("#myForm").on("submit", function(e) {
        e.preventDefault();
        alert("works");
    });
});

как может не работать jsfiddle

Answer 2 · 2017-07-08 21:54:03

Богдан @bogdan_uman

шлЫмазл неукЪ-поцЪ

$('#submit2').on('click', () => $(<идентификатор>).hide() );

Ответ написан более трёх лет назад

5 комментариев

Answer 3 · 2017-07-08 21:56:27

Привязываем к кнопке обработчик события onclick

<button type='submit' id='submit2' onclick="hideRabbits()">Enter</button>

//----- сама функция - обработчик

<script>
    function hideRabbits() {
        $(<идентификатор>).hide();
    }
  </script>

Оно?

Answer 4 · 2017-07-08 22:07:58

Зачем привязывать к событию submit? У тебя все равно после ее нажатия страница перегрузится и ничего не успеет отработать. Если же речь идет об ajax-запросе, то в таком случае ставишь функцию $(<идентификатор>).hide() в метод success или ajaxStart, ну тут уже относительно задумки.

Как связать Jquery и кнопку с типом submit?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт