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); } });