How to set a default value in a dropdown javascript

Question

I'm trying to bind a JSON object to a dropdown as:

JSON data

"securityQuestions": [
    "First Pet's Name",
    "City I was born in",
    "Mother's Maiden Name",
    "Favorite teacher's Name"
  ]

This is how I've binded the data in my HTML:

<label>Security Question</label>
                <span class="select"><select class="form-control">
                    <% _.each(model.securityQuestions, function(val, text) { %>
                        <option val="<%=text%>"><%= val%></option>
                    <% }); %>
                </select></span>

It works perfectly but the problem is I've a selected dropdown item sent to me in the JSON as:

"userSecureQuestion": "Mother's Maiden Name"

and I want this to be selected by default instead of the first one. Please suggest what can be done here? Thanks in advance!

Amadan · Accepted Answer · 2015-11-17 02:05:56Z

1

You would need to check in the loop whether the current text equals the default text, and add selected into the option if it is. I can't give you the code for it with any confidence since you did not tag the post with the template engine; but probably something like this might do:

<option val="<%=text%>" <%= text === model.userSecureQuestion ? "selected" : "" %>><%= val%></option>

answered Nov 17, 2015 at 2:05

Amadan

200k23 gold badges252 silver badges321 bronze badges

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

Collectives™ on Stack Overflow

How to set a default value in a dropdown javascript

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