jquery在完成一次後調用第二次自動完成

Question

我想在兩個字段上使用兩個自動完成功能。當我在一個字段中輸入autocomplete時，發生ajax調用並顯示結果集。但是當我選擇我想要在第二個字段上使用第一個字段的值時激發另一個自動完成的值時，請進行ajax調用，然後顯示下拉列表，然後選擇所需的值。 以下是我的代碼：

不，這是行不通的。我加

$("#birds").autocomplete({ 
     source: function(request, response) { 
     $.ajax({ 
      url: "index.php", 
      dataType: "jsonp", 
      data: { 
      term: request.term 
      }, 
      success: function(data) { 
      response(data); 
      } 
     }); 
     }, 
     minLength: 2, 
     select: function(event, ui) { 
      var tt = ui.item.value; 
      $("#animal").autocomplete({ 
        source: "ajax.php?var="+tt, 
        minLength: 0, 
        success: function(data) { 
        response(data); 
        } 
       }); 


     //log("Selected: " + ui.item.value + " aka " + ui.item.id); 
     } 
    }); 

選擇第一個下拉框後，我想自動啓動第二個自動填充框。

在此先感謝。

Answer 1

您可以使用此爲您的輸入字段，

$("#firstInput").autocomplete({ select: function (event, ui) { $(this).val(ui.item.value); $("#secondInput").html(ui.item.value); } });