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

Question

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

...

JavaScript

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

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

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

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

Подписаться 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

+1 ещё

Простой
Почему выдает ошибку когда загружаю проект в Vercel?
- 1 подписчик
- 17 часов назад
- 60 просмотров
0

ответов
JavaScript

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

ответ
JavaScript

Простой
Как можно сделать подобный слайдер?
- 1 подписчик
- вчера
- 123 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Ошибка Uncaught ReferenceError: exports is not defined?
- 1 подписчик
- вчера
- 49 просмотров
1

ответ
JavaScript

Простой
Как убрать фоновое изображение через 5 сек?
- 1 подписчик
- вчера
- 83 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как сделать проверку на константы внутри enum линтом?
- 1 подписчик
- вчера
- 57 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему не указывается путь к файлу js?
- 1 подписчик
- 14 нояб.
- 83 просмотра
1

ответ
JavaScript

+3 ещё

Простой
MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?
- 1 подписчик
- 13 нояб.
- 95 просмотров
2

ответа
JavaScript

+3 ещё

Простой
Ошибка с Babel при сборке Webpack?
- 1 подписчик
- 13 нояб.
- 60 просмотров
1

ответ
JavaScript

+4 ещё

Простой
Почему слайдер на базе Swiper с видео YouTube в iframe не двигается при свайпе?
- 2 подписчика
- 13 нояб.
- 61 просмотр
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Подключить iiko к сайту на ModX

16 нояб. 2024, в 07:46

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

Ограничение типа "Использование SEO-текстов"

16 нояб. 2024, в 07:06

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

Разработать фронт энд для веб-клиента c функционалом мессенджера

16 нояб. 2024, в 06:17

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

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?

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

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

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