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.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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