How to change the value of the text or select a dropdown value by using document.getElementById("id")

Question

how to select the option with the value we give using document.getElementById("id"):

document.getElementById("dropdownlist").selectedValue="apple";

or change the text of a control with the help of this in javascript code.

i am filling the dropdown like this:

 <select id="ddlC" class="form-control" ng-model="mdlC" runat="server" style="width: 250px" ng-options="c.CId as c.Na for c in Cat">
                <option value="">Select Category</option>
            </select>

See this: https://stackoverflow.com/questions/499405/change-the-selected-value-of-a-drop-down-list-with-jquery — user11809641, Oct 23 '19 at 06:38
check this. It will surely help you with this. https://stackoverflow.com/questions/13047923/working-with-select-using-angularjss-ng-options — sibabrat swain, Oct 23 '19 at 06:57
[Here is how you have to prepare the select and with ng-selected you can give value to its model and bang ](https://stackoverflow.com/a/28169691/12141266) — BKM, Oct 23 '19 at 07:38

score 2 · Accepted Answer · edited Oct 23 '19 at 06:39

2

Change selectedValue to value

document.getElementById("dropdownlist").value = "apple";

edited Oct 23 '19 at 06:39

Prashant Pimpale

10,349
9
44
84

answered Oct 23 '19 at 06:38

sibabrat swain

1,277
8
20

it did not got selected – BKM Oct 23 '19 at 06:43
do you have value attribute in options? `` And do you have the id `dropdownlist ` unique in your DOM? – sibabrat swain Oct 23 '19 at 06:44
yes i do have that – BKM Oct 23 '19 at 06:45
wait i think i dont have that sorry let me check and thank you so much – BKM Oct 23 '19 at 06:46
Let me know. You are welcome. – sibabrat swain Oct 23 '19 at 06:51

Hack Dawg · Answer 2 · 2019-10-23T06:49:01.117

1

Try this

    var element = document.getElementById("dropdownlist");
    element.value = "apple";

edited Oct 23 '19 at 06:49

answered Oct 23 '19 at 06:46

Hack Dawg

108
9

score 1 · Answer 3 · answered Oct 23 '19 at 06:49

Take a look at this one too

Through document.getElementById("dropdownlist").value = "option3"; you can set a specific option to be selected

var dropDownOptions = ["option1", "option2", "option3", "others"]
 var options = "";
 
for (option in dropDownOptions) {
    options += "<option>" + dropDownOptions[option] + "</option>";
}
document.getElementById("dropdownlist").innerHTML = options;

// select option by value
document.getElementById("dropdownlist").value = "option3";

<select name="category" id="dropdownlist"/>

How to change the value of the text or select a dropdown value by using document.getElementById("id")

3 Answers3