Javascript 显示多选下拉列表的值

我有一个下拉菜单，可以从中选择多个值。我已经使用jQuery将其设置为一个自动完成字段，这是可行的，但是所选的值没有保存在此字段中。此外，我不能选择多个值。如何做到这一点

从RulesHelper调用的方法获得方法基础的类型，下拉菜单的内容可以很好地工作

Javascript

---

在显示页面上，我正在调用@rule.value，它在没有自动完成功能的情况下工作正常，但在其他情况下没有。

您在Chrome和IE中是否有任何错误，只需按F12查看控制台@StefGeysels上的输出控制台无错误您在Chrome和IE中是否有任何错误，只需按F12查看控制台@StefGeysels上的输出控制台无错误

<%= form.text_field :dropdown_values , {class: 'dev-rule-value-field', multiple: true, size: 20, style: ("display: none" if RulesHelper.method_type(@rule.entity, @rule.method) != "dropdown")} %>

<script>
//code to get method_type works fine
    if(method_type == 'dropdown'){  
        $("#rule_dropdown_values").show();
    }
    var autocompleteProps = {
        let url = searchUrls[method_model];  // works fine 
        $.ajax({
          url: '/' + url + '.json',
          type: "GET",
          dataType: "json",
          data: { search: {value: request.term} },
          success: function(json){
            let data = json.data;
            if (data != null){
              if (data.length > 0){
                response($.map(data, function(item){
                  return { label: item.name || item.id , value: item.name || item.id , id: item.id };
                }))
              } else {
                response([{ label: "No results found." }]);
              }
            }
          }
        });
      }, 

      // select - not working 
      select: function(event, ui){
        let $autocomplete_input = $(this);
        // set value of text field as item label -- not working 
        $autocomplete_input.val(ui.item.label);
      }
    };
        $('#rule_dropdown_values').autocomplete(autocompleteProps);
    });
</script>