js 城市搜索列表

// 城市数据
const cities = ['北京', '上海', '广州', '深圳', '成都', '杭州', '武汉', '南京'];

// 获取输入框和显示结果的元素
const input = document.getElementById('cityInput');
const result = document.getElementById('result');

// 监听输入框的输入事件
input.addEventListener('input', function () {
  const value = input.value.trim();
  if (value === '') {
    result.innerHTML = '';
    return;
  }
  // 过滤匹配的城市
  const matchedCities = cities.filter(city => city.includes(value));
  // 显示结果
  result.innerHTML = matchedCities.map(city => `<div>${city}</div>`).join('');
});

<input type="text" id="cityInput" placeholder="搜索城市">
<div id="result"></div>