Change html select tag value dynamically

Question

I have one select tag

I want to change select tag value from value="-1:Select;" to value="-1:Select;2:option1"

<select role="select" value="-1:Select;" id="brandingName" name="brandingName" size="1" class="FormElement">
</select>

value="-1:Select;"

I have tried with below syntax but it does not change:

document.getElementById("brandingName").value = "-1:Select;2:option1";

How can I change this value using JavaScript or jQuery?

possible duplicate of https://stackoverflow.com/questions/10611170/how-to-set-value-of-input-text-using-jquery — Ramesh Kithsiri HettiArachchi, Dec 14 '17 at 12:17
There is no `value` attribute on [`select`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) elements — Sébastien, Dec 14 '17 at 14:23

score 3 · Answer 1 · answered Dec 14 '17 at 12:16

3

You need to select the id and use attr to change value, like this with out having testing it.

$("#brandingName").attr("value", "-1:Select;2:option1")

answered Dec 14 '17 at 12:16

Maytham Fahmi

`$(("#brandingName").val()` ??? – Ramesh Kithsiri HettiArachchi Dec 14 '17 at 12:18
I have tried with also but its not working $(("#brandingName").val() – Shiladittya Chakraborty Dec 14 '17 at 12:20

1 Answers1