jquery 自动完成，否则如果未选择项目

Question

我正在使用这个 jquery 自动完成代码:

$(document).ready(function(){
          var data = <?php echo $data; ?>;
          $("#contact_name").autocomplete({
              source:data,
              select: function(e, ui) {
                  e.preventDefault() // <--- Prevent the value from being inserted.
                  $("#contact_email").val(ui.item.value);
                  $(this).val(ui.item.label);

                  $("#AddAsContact").css('display', 'none');
                  $('#AddAsContact').prop('checked', false);
              }
          });
      });

它工作得很好，完全符合预期，但是如果未选择自动完成列表中的某个项目并且只是在文本输入中输入了其他内容，我如何运行一些不同的代码。有点像 else { ...这里的代码... }

Answer 1

当您从下拉菜单中选择某些内容时，会触发select事件。

您可以使用 change 事件来确定该项目是否属于自动完成列表，

 change: function (event, ui) {
         if (ui.item === null) {
              $(this).val('');
              $('#field_id').val('');
         }
       }

而且，这是一个 Demo Fiddle为你。

希望这对您有帮助。