Как в цикле проверить на тег (input, select, option)?

  • Автор темы Автор темы Dima83
  • Дата начала Дата начала

Dima83

Новичок
С помощью селектор, вынимаю все теги из формы, мне нужно определить какой тег является input а какой select и option. Раньше я использовал атрибут type в цикле, но у select и option нет этого атрибута. Если попробовать вот так, то не работает
JavaScript:
if(input[i]==="HTMLInputElement")
{

}
Мне нужно выявить каждый тег в форме сравнить его с полученным html element и чтобы для каждого тега сработало условие. Как это можно сделать? Вот код:
Код:
<script>
    $(document).ready(function(e){
        let form = document.querySelector('form');
          form.onsubmit = function() {
              var input = this.querySelectorAll('input, select, option');
              for(var i = 0; i < input.length; i++)
              {
                
                 if(input[i]==="HTMLInputElement")
                 {
                
                 }
                 if(input[i]==="HTMLSelectElement")
                 {
                
                 }
                  if(input[i]==="HTMLOptionElement")
                 {
                
                 }
              }
          };
        
      });
    </script>
    
    .....
    
    <form action="">
              <input type="text"><br>
              <input type="text"><br>
            
              <select name="test">
                   <option value="1">1</option>
                   <option value="2">2</option>
                   <option value="3">3</option>
              </select>
              
              
              <input type="submit">
            </form>
 
А я был почти близок к решению. Использовал для получение тега
Надо было просто ещё Name приписать и всё. Спасибо за помощь?
 
Последнее редактирование:
Если код писать не в блокноте, а пользоваться нормальными инструментами, по input.tag сразу автокомплит предложит tagName
 
Ваши предложения насчёт нормального инструмента, просто я по старинки через блокнот?
 
PHPStorm. Или WebStorm, если поддержка PHP не нужна.

Если жалко денег, для фронтенда подойдет бесплатный VSCode. Конечно, не WebStorm, но уж всяко лучше блокнота :)
 
Смотря какой блокнот… я видел людей, которые в N++ и SublimeText кодят… на полном серьёзе.
Хотя я тоже на VS Code только из-за отладчика перешёл.
 
Как раз с vi все в порядке, кто кодит на нем обычно и подсветку и автодополнение делает и еще кучу штук включая консоль git в окнах tmux. Еще круче шторма получается
С sublime беда, он хоть и легкий, но языка не понимает, все плагины на пойск по слову, можно так нарефакторить, что сам не поймешь
 
Сверху