Question

33

Jquery chosen set selected values from javascript

rated 0 times [ 40] [ 7] / answers: 1 / hits: 34787 / 9 Years ago, tue, february 24, 2015, 12:00:00

I am using jquery chosen and I want to set selected values from javascript

Javascript/Jquery

$(document).ready(function() {

  var selectedUserRole = document.getElementById('SelectedUserRole').value;

  var str_array = selectedUserRole.split(',');



  for (var i = 0; i < str_array.length; i++) {

    // Trim the excess whitespace.

    str_array[i] = str_array[i].replace(/^s*/, ).replace(/s*$/, );

    // Add additional code here, such as:



    $(UserRole).prop('selectedValue', str_array[i]); // Here not working

  }

});

Html:

 @Html.DropDownList(UserRole, null, new { id = UserRole, @class = chosen-select, @multiple = multiple, @placeholder = Lütfen Rol Seçiniz, @style = width: 250px; })

str_array has values below

[5, 1, 7]

I want to set 5 value selected, 1 value selected 7 value selected

When I tried below

$(UserRole).prop('selectedValue', str_array[i]);

it is not working for me.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

zainsagez

Add To Favorites

Follow

Total Points: 555

Total Questions: 99

Total Answers: 96

Location: Honduras

Member since Sat, Jul 24, 2021

3 Years ago

answered 9 Years ago zahrafrancisr · Accepted Answer

You need to trigger the chosen:updated event after setting the select value

$(#UserRole).val(str_array[i]).trigger(chosen:updated);

To select multiple values

$(document).ready(function () {



    var selectedUserRole = document.getElementById('SelectedUserRole').value;



    var str_array = selectedUserRole.split(',');



    for (var i = 0; i < str_array.length; i++) {

        str_array[i] = str_array[i].replace(/^s*/, ).replace(/s*$/, );

    }



    $(#UserRole).val(str_array).trigger(chosen:updated);

});

Demo: Fiddle