[SOLVED] Revert the original values of <select> dropdown

Question

There is a dropdown like this:
<div>
<span>Best Mobile Browser</span>
<select>
<option>Chrome</option>
<option>Firefox</option>
<option selected>Via</option>
</select>
</div>

And when the user changes the value and click the revert button, it should revert all the option values to default (defined by selected attribute)

My code:

https://code.sololearn.com/W1v7qvKroeEQ/?ref=app

Answer 1

Ohhh, I didn't know there's a way to reset in form. Can you explain how..?

Answer 2

all inputs are reverted to normal on clicking revert button...

https://code.sololearn.com/WdA0Vb6M1C25/?ref=app

Answer 3

I guess the only way to do is what I have done, I had looked on
Google and stack. This is what I got

Answer 4

Maybe Ipang

Answer 5

Wow... that's great...

It's new to me, I also learned a lot. Thank you

Answer 6

March Zucherberg
If we use a form, we'd only need to put a reset button to reset all form elements to default, no extra code necessary. But I suppose you have a reason to do this manually.

Answer 7

My idea would be something like

<form>
<select> ... </select>
<!-- more elements here ... -->
<input type="reset" value="Revert" />
</form>

But maybe March has his own concerns that this doesn't suit the purpose.

Answer 8

March Zucherberg
I don't know what you mean by "can take more control over it" but if it works for you then all is OK 👌

Answer 9

Ipang Steve Sajeev I could use the form and reset button method, but I already got 10 indentation spaces upto my <select> block and adding form tag adds 2 more to it😂. So, I prefer using JavaScript as it is working as expected by me and also, I can take more control over it using JS.

Thank you for your answers.🙏😊

Answer 10

Steve Sajeev can't we do it by checking the 'select' attribute.
Using this method, I need to define the value for every dropdowns, this makes the process lengthy and also harder to manage.

Answer 11

Richmond Osafo Akoto to use what?

Answer 12

I also thought so, but after lot of try and research, I did it.
See my updated code.
https://code.sololearn.com/WiAgf326Drh9/?ref=app

Answer 13

Html

Answer 14

Guys help me to use it