Показать значения раскрывающегося списка

Question

У меня есть выпадающее меню, и из него можно выбрать несколько значений. Я сделал это поле автозаполнения, используя jQuery, и это работает, но выбранное значение не сохраняется в этом поле. Кроме того, я не могу выбрать несколько значений. Как это сделать?

---

<%= 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")} %>

Метод, вызываемый из RulesHelper, получает тип основы метода, к которой относится содержимое выпадающего меню (работает нормально).

Javascript

<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>

---

На странице показа я звоню @ rule.value, он работает без автозаполнения, но в противном случае - нет.