如何在表单中选择多个值：使用ajax响应选择

Question

我有一个Ajax调用，它将返回一个具有profile配置属性的对象。如何使用这些个人资料集合在<form:select>中选择多个值。

$.ajax({
        ... // some omitted codes // ...

        success : function(response) {
            response.profiles // collection of profiles
        }


<form:select id="profile" path="profiles"
      items="${profilelist}" multiple="true" itemValue="id" itemLabel="type"/>

Answer 1

这似乎是一个重复的问题，总是首先尝试查看是否存在类似的问题。

您还没有指定您正在使用的框架，因为如果您使用的是任何框架，那么您可以根据该框架获取数据。

我在这里回答没有任何框架，

<form:select id="profile" path="profiles"
      items="${profilelist}" multiple="true" itemValue="id" itemLabel="type"/>

ajax调用应该是这样的，

    $.ajax({
       type: "GET",
       url: "http://.......api/1/AbsenceType",
       dataType: "json", 
       success: function (data) {

        // Get select
       var select = document.getElementById('profiles');

    // Add options
      for (var i in data) {
         $(select).append('<option value=' + data[i] + '>' + data[i] + 
  '</option>');

    // Set selected value
    $(select).val(data[1]);
    }
        }

希望这有帮助。