0

我有这个代码:

<input id="ville" placeholder="Enter a city">
<ul class="suggestions">
  <li data-vicopo="#ville">
    <strong data-vicopo-code-postal></strong>
    <span data-vicopo-ville></span>
  </li>
</ul>

<script src="https://vicopo.selfbuild.fr/api.js"></script>

$(document).on('click', '.suggestions li', function () {
  $('#ville').val(
    $(this).find('[data-vicopo-code-postal]').text()
  );
});

当我单击我选择的城市时,建议的城市列表不会消失。我可以做什么简单的修复,以便在单击时关闭或隐藏建议的显示?

谢谢

4

1 回答 1

0

插入以下代码以在使用 .hide() 隐藏后始终显示建议列表。

用户可以单击返回输入字段并开始输入,然后将再次显示列表,或者单击它。

$('#ville').on('click keyup', function() {
  $('.suggestions').show();
})

于 2020-04-23T14:42:50.770 回答