Modifying element in javascript

Question

self.$el[0].options[0]

I get:

<option value="asd">asd</option>

self.$el[0].options[0].attr("selected","selected")

I get:

is not a function.

How do I modify the asd in js? Is it because it's an html element?

Please show the complete select. For example If $el[0] is a select, $el[0].value="asd"; will select the option - also $el[0].selectedIndex=0 will select the first option — mplungjan
– mplungjan, Commented Nov 12, 2018 at 8:56
are you using jQuery or some other framework like Vue? If you're using pure js the function should be .getAttribute instead of .attr — yqlim
– yqlim, Commented Nov 12, 2018 at 8:56

Jai · Accepted Answer · 2018-11-12 08:57:25Z

2

Your selector gets the DOM node. So, any jquery method won't get applied on DOM element. Instead you make it a jquery object:

$(self.$el[0].options[0]).attr("selected","selected")

or you can use setAttribute() of DOM method:

self.$el[0].options[0].setAttribute("selected","selected")

answered Nov 12, 2018 at 8:57

Jai

74.8k12 gold badges77 silver badges104 bronze badges

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

Comments

mplungjan · Accepted Answer · 2018-11-12 09:44:29Z

0

you can use js API:

document.getElementByTagNames['option'][0].setAtttribute('selected', 'selected')

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Nov 12, 2018 at 9:03

bolt

903 bronze badges