Jquery populate dropdownbox

Question

Im trying to populate a dropdown list using jquery. The population has but the default text "Select Model" is replaced by the new data..

Javascript:

 data = $.map(data, function (item, a) {
    return"<option value=" + item.Value + ">" + item.Text    + "</option>";
    $("#SelectedModel").html(data.join(""));

HTML:

@Html.DropDownListFor(m=>m.SelectedModel,Model.models,"Select Model")

A. Wolff · Accepted Answer · 2012-10-17 14:55:58Z

1

Use append:

//to reset select options
$('#SelectedModel option').not(':eq(0)').remove();
//then append data    
$("#SelectedModel").append(data.join(""));

Or with .html(), should be:

$("#SelectedModel").html($("#SelectedModel").html()+data.join(""));

edited Oct 17, 2012 at 14:55

answered Oct 17, 2012 at 14:39

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

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

2 Comments

CodeNoob Over a year ago

This appends the data from previous ajax call. I want to replace all the options but keep the dropdown label"Select Model"

CodeNoob Over a year ago

Dude you rock socks. Thanks a lot buddy it works. I spent hours trying to make this work.

Collectives™ on Stack Overflow

Jquery populate dropdownbox

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related