tabindex navigation using “enter key” not working in dropdown

Question

I have used below code for tabindex navigation using "enter key" in html form.It works fine as per my requirement,but this code is not working in dropdown.Please check below code and advise how to do this..

  document.addEventListener('keydown', function (event) {
  if (event.keyCode === 13 && event.target.nodeName === 'INPUT') {
    var form = event.target.form;
    var index = Array.prototype.indexOf.call(form, event.target);
    form.elements[index + 1].focus();
    event.preventDefault();
  }
});

Answer 1

You just need to change your if statement to include the select node as example below.

 document.addEventListener('keydown', function (event) { if (event.keyCode === 13 && (event.target.nodeName === 'INPUT' || event.target.nodeName === 'SELECT')) { var form = event.target.form; var index = Array.prototype.indexOf.call(form, event.target); event.preventDefault(); } });

 <form> <input type="text"> <input type="checkbox"> <select> <option>123</option> </select> <input type="radio"> </form>