Question

我有一个场景，我必须在多选下拉菜单中设置多个值，如下面的屏幕截图所示。

以下是我的模型，我将ExcursionList作为字符串List的类型。

 public class HotelInfo
{
 public List<string> ExcursionList { get; set; }
}

我将我的酒店信息作为JSON结果返回到控制器中，并在jquery中检索该值，如下面的代码所示。

function LoadHotelDetails(data) {
    if (data) {
        $.each(data.ResultList, function (index, value) {
            $("#hotelName").val(value.HotelName);
            $("#nights").val(value.Nights);

            // this console.log print ["* EARLY CHECK-IN", " * LATE CHECK-OUT", " *- REFUND -*"] value to console.
            console.log(value.ExcursionList);

            $("#excursion").val(value.ExcursionList);

            $('#excursion').multiselect('refresh');

}

在console.log值中，我得到3个选定值。但是在我的下拉列表中，它只选择了一个值，如下面的屏幕截图所示。

如果有人可以帮助我，我真的很感激。

Answer 1

注意： val是使用下拉列表值属性的设置值 e.g

<select>
 <option value="1" > option 1  </option>
 <option value="2" > option 2  </option>
 </select>

在您的情况下，您需要使用text（）设置值。

$("#excursion").text(value.ExcursionList).multiselect('refresh');

试试这个

var tempArr = [];

 function LoadHotelDetails(data) {
if (data) {
    $.each(data.ResultList, function (index, value) {
        $("#hotelName").val(value.HotelName);
        $("#nights").val(value.Nights);

        // this console.log print ["* EARLY CHECK-IN", " * LATE CHECK-OUT", " *- REFUND -*"] value to console.
        console.log(value.ExcursionList);
        tempArr.push(value.ExcursionList)
    }); //closing of each

        $("#excursion").text(tempArr).multiselect('refresh');
      //  $('#excursion').multiselect('refresh');
  tempArr = []; //empty temp array
    }

Answer 2

谢谢你的帮助。我能够使用razor视图引擎和C＃解决问题。不使用jquery。

 @Html.ListBoxFor(model => model.ExcursionList, ((IEnumerable<SelectListItem>)ViewBag.ExList), new { @class = "form-control", id = "excursion", multiple = "multiple" })

通过正确选择下拉列值，上述工作非常有效

在jquery multiselect下拉列表中设置选定的值

2 个答案: