使用删除功能将自动完成文本视图中的选定值添加到div

<input type="text" id="autocomplete" />
<button id="deleteButton">删除</button>
<div id="selectedValues"></div>

// 获取自动完成文本视图组件和删除按钮
var autocomplete = document.getElementById('autocomplete');
var deleteButton = document.getElementById('deleteButton');

// 监听删除按钮的点击事件
deleteButton.addEventListener('click', function() {
  // 获取当前选定的值
  var selectedValue = autocomplete.value;

  // 创建一个新的span元素
  var span = document.createElement('span');
  span.textContent = selectedValue;

  // 将span元素添加到div中
  var selectedValuesDiv = document.getElementById('selectedValues');
  selectedValuesDiv.appendChild(span);

  // 清空自动完成文本视图组件的值
  autocomplete.value = '';
});