Html select option Multi select option

I tried all the methods with hard-coded ,the values i am getting selected for options highlighted, but when i replace hard coded value with hidden values (actual user pre selected values from the database )

it just shows /high light the first value

Please help this is urgent.

below is my code:

$(function () {
var hdnvalues = "";
if ($.trim($('#<%=hfroles.ClientID %>').val() != ""))
{ hdnvalues = $.trim($('#<%=hfroles.ClientID %>').val()); }
var values = "1,2,3";
// var values = hdnvalues;
$.ajax({
type: "POST",
url: "NotificationsNews.aspx/GetRoles",
data: '{}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (r) {
var ddlRoles = $("[id*=ddlRoles]");
$.each(r.d, function ()
{
ddlRoles.append($("").val(this['Value']).html(this['Text']));
$.each(values.split(","), function (i, e) {
$("#ddlRoles option[value='" + e + "']").prop("selected", true);
});
});
}
});
});

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jignesh Kumar5y ago
Accepted answer
Hi,

Have you check values of hidden field? Put alert and check hiddenfield values,
if ($.trim($('#<%=hfroles.ClientID %>').val() != ""))
{
hdnvalues = $.trim($('#<%=hfroles.ClientID %>').val());
alert(hdnvalues);
}
Please refer this one,
https://stackoverflow.com/questions/20917049/set-values-in-jquery-multiselect-dropdown
http://jsfiddle.net/McddQ/1/
+1
Suraj Dubey5y ago
try with this

document.getElementById('ddlRoles').value = "preselected value"
+1