Jquery在完成一个后调用第二个自动完成

Question

我想在两个字段上使用两个自动完成功能。当我输入一个字段时，自动完成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); } });