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

Question

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

...

JavaScript

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

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

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

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

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

Помогут разобраться в теме Все курсы

Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Яндекс Практикум

Фронтенд-разработчик

10 месяцев

Далее

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

Ответы на вопрос 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 ещё

Простой
Каким образом правильно сделать скрипт?
- 2 подписчика
- 14 часов назад
- 111 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как получить события VK.VideoPlayer используя JS?
- 1 подписчик
- 11 нояб.
- 103 просмотра
1

ответ
JavaScript

+1 ещё

Сложный
Почему зависает виджет в OBS?
- 1 подписчик
- 10 нояб.
- 147 просмотров
0

ответов
JavaScript

Простой
Смещение группы в fabric.js?
- 1 подписчик
- 06 нояб.
- 128 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- 05 нояб.
- 201 просмотр
0

ответов
JavaScript

Простой
Как создать рисунок из PHP в Fabric.js?
- 2 подписчика
- 28 окт.
- 170 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Какой скрипт загружает меню в Ютуб?
- 2 подписчика
- 27 окт.
- 288 просмотров
2

ответа
JavaScript

Простой
Как работать с разрозненными данными?
- 1 подписчик
- 21 окт.
- 252 просмотра
2

ответа
JavaScript

+1 ещё

Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
- 2 подписчика
- 16 окт.
- 153 просмотра
0

ответов
JavaScript

Простой
Как подгружать xml с перерисовкой таблицы?
- 3 подписчика
- 14 окт.
- 197 просмотров
0

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

Fullstack Разработчик (Next.js / JavaScript / TypeScript)

App Company

от 200 000 до 300 000 ₽

Web-разработчик/WordPress программист (Full-stack)

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

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

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

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?

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

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

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