如果未选择项目,则jquery自动完成其他

时间:2014-12-19 08:07:36

标签: jquery

我正在使用此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... }

1 个答案:

答案 0 :(得分:6)

当您从DropDown select发现某事时,会触发

select事件。

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

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

而且,这里有Demo Fiddle

希望这对你有所帮助。