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")

Answer 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(""));