输入字段未从下拉选择中填充

Question

我在输入字段中附加了一个脚本。这是地址自动完成服务（阿尔戈利亚）放置的地址）。我的脚本正在工作：输入时，建议开始显示，一旦选择了建议，它就会好像填充了该字段一样显示。但是，提交表单时，它仅显示手动输入的字母，而不显示所选的建议。 反正要解决这个问题吗？

(function() {
  var placesAutocomplete = places({
    appId: 'APPID',
    apiKey: 'APIKEY',
    container: document.querySelector('input[name="address-line1"]'),
    templates: {
      value: function(suggestion) {
        return suggestion.name;
      }
    }
  }).configure({
    type: 'address'
  });
  placesAutocomplete.on('change', function resultSelected(e) {
    document.querySelector('#ec-city-list').value = e.suggestion.city || '';
  });
})();

<script src="https://cdn.jsdelivr.net/npm/places.js@1.19.0"></script>