How to get a selected value from the group of elements with the same name?

Question

Aryan Kumar · Answer

To get a selected value from a group of elements with the same name, you can use the querySelector() method. The querySelector() method takes a selector as its argument and returns the first element that matches the selector.

The following code shows how to get a selected value from a group of elements with the same name:

var elements = document.querySelectorAll("input[name='my_input']");
var selectedValue = elements[0].value;

In this code, the elements variable is a collection of all the elements that have the name attribute set to my_input. The selectedValue variable is the value of the first element in the elements collection.

If there is no selected element, the querySelector() method will return null.

Here is another way to get the selected value from a group of elements with the same name:

var selectedValue = document.querySelector("input[name='my_input']").value;

In this code, the selectedValue variable is the value of the element that has the name attribute set to my_input.

forum

How to get a selected value from the group of elements with the same name?

Can you answer this question?

1 Answers