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

Question

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

...

JavaScript

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

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

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

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

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

Простой
Как настроить CORS .NET 8?
- 1 подписчик
- 8 часов назад
- 37 просмотров
1

ответ
JavaScript

+2 ещё

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

ответов
JavaScript

+1 ещё

Простой
Дергается анимация снега, почему и как исправить?
- 1 подписчик
- вчера
- 141 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Как открыть CSS селектор при помощи onclick?
- 1 подписчик
- вчера
- 102 просмотра
1

ответ
JavaScript

Простой
Как исправить ошибку «Uncaught ReferenceError: $ is not defined» хотя jQuery подключен?
- 1 подписчик
- вчера
- 82 просмотра
2

ответа
JavaScript

+1 ещё

Простой
Как убрать экспоненциальную запись числа в input type=number?
- 1 подписчик
- 16 дек.
- 90 просмотров
1

ответ
JavaScript

Простой
Как запустить проверку? try catch?
- 1 подписчик
- 16 дек.
- 85 просмотров
1

ответ
JavaScript

Простой
Почему не работает проверка формы на валидность?
- 1 подписчик
- 16 дек.
- 74 просмотра
1

ответ
JavaScript

Простой
Почему массив заполняется одним и тем же объектом?
- 1 подписчик
- 15 дек.
- 141 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как дебажить telegram mini app?
- 1 подписчик
- 15 дек.
- 168 просмотров
2

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

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

div. • Ставрополь

от 40 000 до 90 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Помочь в разработке платежного плагина WP

18 дек. 2024, в 17:50

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

Наполнить config файл парсера цен

18 дек. 2024, в 17:26

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

Доработка проекта с GitHub

18 дек. 2024, в 17:23

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

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?

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

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

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