Breaking News: Grepper is joining You.com. Read the official announcement!

queryselectorall select multiple input types

Fantastic Flatworm answered on June 14, 2021 Popularity 6/10 Helpfulness 1/10

answer queryselectorall select multiple input types

related querySelectorAll select multiple element types

queryselectorall select multiple input types

Comment

<html>

<body>

<input type='button' value='F3' class="c2" id="btn_1">
<input type='button' value='F3' class="c3" id="btn_2">
<input type='button' value='F1' class="c2" id="btn_3">

<input type='submit' value='F2' class="c1" id="btn_4">
<input type='submit' value='F1' class="c3" id="btn_5">
<input type='submit' value='F2' class="c1" id="btn_6">

<br/>
<br/>

<button onclick="myFunction()">Try it</button>

<script>
    function myFunction() 
    {
        var arrFiltered = document.querySelectorAll('input');

            arrFiltered.forEach(function (el)
            {                
                var node = document.createElement("p");
                
                node.innerHTML = el.getAttribute('id');

                window.document.body.appendChild(node);
            });
        }
    </script>

</body>

</html>

Popularity 6/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: multiple-input select types whatever

Link to this answer
Share Copy Link

Contributed on Jun 14 2021

Fantastic Flatworm

0 Answers Avg Quality 2/10

Closely Related Answers

querySelectorAll select multiple element types

Comment

//Form is an Element already created in the HTML page.
let fields = document.getElementById(`Form`).querySelectorAll("input, textarea, select");

// will show an array of inputs,textarea and select elements by the order in form 
//starting from 0
console.log(inputs);

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: element javascript select types

Link to this answer
Share Copy Link

Contributed on Jun 16 2022

Real Rook

0 Answers Avg Quality 2/10

queryselectorall select multiple input types

Contents

More Related Answers

queryselectorall select multiple input types

Closely Related Answers

querySelectorAll select multiple element types

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.