how to save values of select options in javascript using e.target.value

Question

I gave some options some values in html and I want to save these values in a js var and I wrote the following line but it didn't work

for (let node of document.getElementsByClassName('op.e.target.value')) {
values.push(node.value);
}

(where op is the class given to all the values)

if op is the class name what is .e.target.value? Is that other classes the elements also need to have to be selected? — Dcdanny
– Dcdanny, Commented Jun 19, 2020 at 14:59
var x = document.getElementsByClassName("Class Name"); — Bhautik Domadiya
– Bhautik Domadiya, Commented Jun 19, 2020 at 15:00
.e.target is like a function that gets you all the information about the selected element which is the class op and adding .value gets you specifically the value of it — Andrew Jons
– Andrew Jons, Commented Jun 19, 2020 at 15:01
if I passed the class name it will return the text of the option and I want the value attribute @DomadiyaBhautik — Andrew Jons
– Andrew Jons, Commented Jun 19, 2020 at 15:02
The only time I've seen e.target is in relation to events, e.g. on click to get the clicked element. Anyway this wouldn't be where you'd use it — Dcdanny
– Dcdanny, Commented Jun 19, 2020 at 15:12

Dcdanny · Accepted Answer · 2020-06-19 15:10:11Z

2

Firstly, getElementsByClassName accepts class names as its argument only, not a function name in a string

When you're using getElementsByClassName you're storing an array of html elements, so to get the values of each you would need to for loop through it.

var values1 = document.getElementsByClassName('op');

var values = [];
for (let node of values1) {
    values.push(node.value);
}

answered Jun 19, 2020 at 15:10

Dcdanny

4792 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to save values of select options in javascript using e.target.value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related