0

На форме несколько полей input и несколько кнопок submit. При вводе текста в любом из input и нажатии на enter постоянно срабатывает событие click первой кнопки. Как сделать чтобы срабатывало это событие второй или третьей кнопки.

 <!DOCTYPE html>
 <html>  
 <head>  
 <title></title>    
 </head>  
 <body>  
  <form action="index.php" method="post">
  Название вашей компании: </br>
 <input name="Name_company" type="text" value="<?php echo $name;?>"></br>
 Город: </br>
<input name="City_company" type="text" value="<?php echo $city;?>"></br>
<input type="submit" name="Change_Sele" onclick="ChangeSelect('<?php echo $per; ?>'); return false;" id="visibleCat" value="OK" > 
    <span id="spanDelete" style="display: none;">При изменении категории вся информация из поля "Дополнительно" будет удалена</span>
<input type='submit' onclick='Update(".$per."); return false;' id='myForm' value='Сохранить'><span id='dvloader'></span>
 <input type="submit" value="Удалить эту компанию" name="deletecompany" onclick="Deletecompany('<?php echo $per; ?>'); return false;"> 


8
  • HTML код покажите пожалуйста. Без него сложно понять суть проблемы.
    – Streletz
    6 мая 2016 в 7:00
  • Добавил в вопрос 6 мая 2016 в 7:11
  • @Александр что то ерунда какая то, кнопка отправки submit может быть только одна у формы, закостылить это можно с помощью js вручную при вводи enter вызывать клик по кнопкам. Но логику тогда придется писать самому, какую кнопку именно нужно вызывать. Либо блокировать отправку по enter и пускай пользователь на кнопки жмет в ручную, это более правильный вариант 6 мая 2016 в 7:22
  • @ВасилийБарбашев, почему только одна? Может быть и несколько.
    – Streletz
    6 мая 2016 в 7:26
  • Блин))) Ну вот вы мне и помогли сами того наверно не понимая)))) Я оказывается не знал разницы между тегом submit и тегом button. Спасибо! 6 мая 2016 в 7:26

1 ответ 1

1

Как вариант.

Обработать событие onkeydown у input'а или нескольких.

В обработчике события нужно сделать проверку, которая будет определять, что нажата именно клавиша Enter. Если это действительно так, просто вызываем Click() у нужного submit'а

Ниже приведён пример для верхнего input'a.

JS:

function checkKey(e) {
        var inp = document.getElementById('inp1');
        if(e.keyCode == "13") {
        var inp = document.getElementById('myForm');
        inp.click();
    }
}

HTML:

<input name="Name_company" onkeydown="checkKey(event)" type="text" value="<?php echo $name;?>">

В результате по нажатию Enter будет отрабатывать второй submit.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.