Как имитировать нажатие на кнопку?

Question

[zeaovede]

Помогите имитировать нажатие на кнопку при переходе на страницу

<input class="button" type="submit"  value="<?php _e('Оплатить', 'inte');?>" style="background-color: #ef8989">

Я проверил данное решение

setTimeout(function(){
  $('button').trigger('click');
}, 1000);

Оно работает в другом месте, но тут почему-то отказывается.

Comments

[Ольга]

Для начала стоит проверить через консоль,а нашлась ли кнопка

[zeaovede]

Александр, Поиск показал 4 кнопки. Как быть в данном случае? Идентификатор задавать?

Answer 1

[zeaovede]

Код не сработал, т.к. было 4 кнопки на странице. Получилось решить задав идентификатор

<input id="datepicker" class="button" type="submit" value="<?php _e('Оплатить', 'inter');?>" style="background-color: #ef8989">
    <?php echo $cancel_url;?>
</form>

<script>
    setTimeout(function(){
  $('#datepicker').trigger('click');
}, 1000);
</script>

Comments

[ThunderCat]

На самом деле правильнее было субмитить форму, а не кликать по кнопке.

[zeaovede]

ThunderCat, это как?

[ThunderCat]

zeaovede, $("form").submit(); или то же самое по айди формы, если форм больше одной.

[zeaovede]

ThunderCat, Сработало, благодарочка вам. Можете еще подсказать как вызвать функцию без таймера? Я совершил такую попытку

function(){
$("form").submit();
}

Но это не принесло результата

[ThunderCat]

zeaovede, зависит от того как вы хотите вызвать, если по загрузке документа и жквери уже подключен -

$(function(){
   $("form").submit();
})

[zeaovede]

ThunderCat, жквери подключен, предложенный вариант работать не хотит. Да, нужно именно по загрузке, чтобы пользователь особо не успел рассмотреть, что там на странице находится и хочу убрать этот таймер. но вообще похоже тут дело в чем-то другом и ваш код рабочий. Я пробовал порядка 5 разных вариантов без таймера, не один не завелся.

[ThunderCat]

zeaovede, во первых смотрим консоль на ошибки, во вторых - скорее всего он подключен ниже этой конструкции, и соответственно еще не существует. как альтернатива -

document.addEventListener("DOMContentLoaded", function(event) { 
//ждем полной загрузки DOM, не используя жк
  $("form").submit(); // по загрузке документа он уже доступен
})

[zeaovede]

ThunderCat, скрипт действительно распологался ниже конструкции, но подняв его это ничего не решило. Второе решение также не работает. Консоль без ошибок. Зацепок вообще никаких

[ThunderCat]

zeaovede,

Зацепок вообще никаких

Зацепки есть всегда, просто их не показывают, их нужно смотреть. Например так:

document.addEventListener("DOMContentLoaded", function(event) { 
  console.log('loaded'); // пишет в консоли при загрузке DOM и срабатывании евента
  console.log($('form')); // проверяем как выбралась форма
  $("form").submit(); 
})

[zeaovede]

ThunderCat,

[ThunderCat]

zeaovede, ну, как видно, все выполняется, в том числе и форма с идентификатором интеркассаформ находится. Возможно поля формы не заполнены нужным образом, ну или форма дополнительно подтягивает элементы через скрипт? Код должен работать.

[zeaovede]

ThunderCat, скорее второе. Там то и формы никакой нет. 2 кнопки: Оплатить или Отказаться. Вообще непонятно, зачем интеркасса добавила в свой плагин лишний функционал