如果未选择项目,则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 { ...code here... }

Answer 1

select当您select从DropDown获得某些内容时会触发事件.

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

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

而且,这里有一个演示小提琴.

希望这对你有所帮助.