清除时关闭下拉菜单

解决方法1: 使用JavaScript来实现清除时关闭下拉菜单的功能。

HTML代码:

<input type="text" id="inputField" oninput="closeDropdown()">
<ul id="dropdownMenu">
  <li>选项1</li>
  <li>选项2</li>
  <li>选项3</li>
</ul>

JavaScript代码:

function closeDropdown() {
  var dropdownMenu = document.getElementById("dropdownMenu");
  dropdownMenu.style.display = "none";
}

document.getElementById("inputField").addEventListener("click", function() {
  var dropdownMenu = document.getElementById("dropdownMenu");
  dropdownMenu.style.display = "block";
});

解决方法2: 使用jQuery来实现清除时关闭下拉菜单的功能。

HTML代码:

<input type="text" id="inputField">
<ul id="dropdownMenu">
  <li>选项1</li>
  <li>选项2</li>
  <li>选项3</li>
</ul>

jQuery代码:

$(document).ready(function() {
  $("#inputField").click(function() {
    $("#dropdownMenu").show();
  });

  $("#inputField").on("input", function() {
    $("#dropdownMenu").hide();
  });
});

这两种方法都是在输入框的输入事件（input）中判断并关闭下拉菜单。方法1使用了原生JavaScript，而方法2使用了jQuery库。根据你的项目需求选择适合的方法即可。