在编辑模式jquery中未显示多选下拉列表的选定文本 [英] Selected text not showing for multiselect dropdown in edit mode jquery

问题描述

HI，

我正在尝试将值设置为多选下拉菜单。

值已被选中，但所选值文本未显示在文本框中。



我尝试过：



ASPX页面






Ajax设置Multi select下拉值

$ .ajax （{

url：'NewTicket.aspx / getEditDate'，

data：{'TicketId'：'+ obj +'}，

dataType：json，

类型：POST，

contentType：application / json; charset = utf-8，

成功：函数（数据）{

var TicketId = data.d.TicketId;

$（'＃ContentPlaceHolder1_hdnTicketId'）。val（TicketId）;

$（'＃ContentPlaceHolder1_txtCustomer'）。val（data.d。 CustomerName）;

调试器;

// $（'＃ContentPlaceHolder1_txtName'）。val（）;

// $（'＃ContentPlaceHolder1_file2 '）。val（data.d.Comments）;

var IssueSummary = data.d.IssueSummary;



// $（' #ddissuopic'）。select2（val，IssueSummary）（{

//}）;

///获取多选的问题摘要

$（'#ddlissurtopic'）。val（IssueSummary）;

var selectedOptions = IssueSummary.split（'，'）;

for（var i in selectedOptions）{

var optionVal = selectedOptions [i];

$（ddlissurtopic）。find（option [value =+ optionVal +]）。道具（选中，选中）;

}

// $（ddlissurtopic）。multiselect（'reload'）;





// var opts = IssueSummary .split（，）;

// $ .each（IssueSummary.split（，），function（i，e）{

// $（ #ddlissurtopic option [value ='+ e +']）。prop（selected，true）;

//}）;



$（'。select2-selection - multiple'）。attr（'aria-expanded'，'true'）;

// $（'＃ddlissurtopic'）。触发（改变）;

// $ .each（opts，function（inx，val）{

// $（'#ddlissurtopic option [value =' + val +']'）。attr（'selected'，true）;

//}）

// $（'＃ddlissurtopic'）。val（IssueSummary ）;



//$（#ddlissurtopic）。val（data.pecialInstructions）;

// $（'＃ddlissurtopic'）。multiselect（refresh）;

//$（'#ddlissurtopic').multiSelect（选择，IssueSummary）;



// $（'＃ddlissurtopic '）。setAttribute（aria-hidden，false）;



// $（'＃ddlissurtopic'）。val（data.d.IssueSummary） ;

}，

错误：函数（错误）{

alert（错误）;

console.log（错误）;

}

}）;

解决方案

.ajax（{

url：'NewTicket.aspx / getEditDate'，

数据：{'TicketId'：'+ obj +'}，

dataType：json ，

类型：POST，

contentType：application / json; charset = utf-8，

成功：函数（数据）{

var TicketId = data.d.TicketId;

（'＃ContentPlaceHolder1_hdnTicketId'）。val（TicketId）;

（'＃ContentPlaceHolder1_txtCustomer'）。val（data.d.CustomerName）;

调试器;

//

HI,
I am trying to set values to multi select drop down .
The values are getting selected but the selected value text is not displayed on the text box.

What I have tried:

ASPX page



Ajax to set the value for Multi select drop down
$.ajax({
url: 'NewTicket.aspx/getEditDate',
data: "{'TicketId':'" + obj + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
var TicketId = data.d.TicketId;
$('#ContentPlaceHolder1_hdnTicketId').val(TicketId);
$('#ContentPlaceHolder1_txtCustomer').val(data.d.CustomerName);
debugger;
//$('#ContentPlaceHolder1_txtName').val();
//$('#ContentPlaceHolder1_file2').val(data.d.Comments);
var IssueSummary = data.d.IssueSummary;

// $('#ddlissurtopic').select2("val", IssueSummary)({
// });
///To get Issue Summary for multi select
$('#ddlissurtopic').val(IssueSummary);
var selectedOptions = IssueSummary.split(',');
for (var i in selectedOptions) {
var optionVal = selectedOptions[i];
$("ddlissurtopic").find("option[value=" + optionVal + "]").prop("selected", "selected");
}
// $("ddlissurtopic").multiselect('reload');


// var opts = IssueSummary.split(",");
// $.each(IssueSummary.split(","), function (i, e) {
// $("#ddlissurtopic option[value='" + e + "']").prop("selected", true);
// });

$('.select2-selection--multiple').attr('aria-expanded','true');
//$('#ddlissurtopic').trigger("change");
// $.each(opts, function (inx, val) {
// $('#ddlissurtopic option[value=' + val + ']').attr('selected', true);
// })
// $('#ddlissurtopic').val(IssueSummary);

//$("#ddlissurtopic").val(data.SpecialInstructions);
// $('#ddlissurtopic').multiselect("refresh");
//$('#ddlissurtopic').multiSelect("select", IssueSummary);

//$('#ddlissurtopic').setAttribute("aria-hidden", "false");

// $('#ddlissurtopic').val(data.d.IssueSummary);
},
error: function (err) {
alert(err);
console.log(err);
}
});

解决方案

.ajax({
url: 'NewTicket.aspx/getEditDate',
data: "{'TicketId':'" + obj + "'}",
dataType: "json",
type: "POST",
contentType: "application/json; charset=utf-8",
success: function (data) {
var TicketId = data.d.TicketId;

('#ContentPlaceHolder1_hdnTicketId').val(TicketId);

('#ContentPlaceHolder1_txtCustomer').val(data.d.CustomerName);
debugger;
//

这篇关于在编辑模式jquery中未显示多选下拉列表的选定文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！