Question

我正在.aspx页面中的文本框中使用JQuery自动完成功能。该页面包含一个下拉列表，用户可以从中选择多个不同的类别，并与文本框结合使用，可以输入搜索词。现在，问题是我只需要自动完成功能就可以使用其中一个类别选项。我的代码看起来像这样： .aspx：

<asp:DropDownList ID="DropDownList1" runat="server"  AutoPostBack="true" style="margin-left: 55px; margin-right: 10px;" Height="31px" >
               <asp:ListItem  Text="Name" Value="Name"></asp:ListItem>
               <asp:ListItem Text="JobTitle" Value="JobTitle"> </asp:ListItem>
                <asp:ListItem Text="City" Value="City"></asp:ListItem>
</asp:DropDownList>
<asp:TextBox ID="TextBox1" runat="server" ClientIDMode="Static"  ></asp:TextBox>

下拉/文本框后面的代码：

void ResultsFilter()
{
    if (DropDownList1.SelectedValue.ToString() == "Name")
    {

        ObjectDataSource1.FilterExpression = "Name LIKE '%" + TextBox1.Text + "%' ";

    }
    else if (DropDownList1.SelectedValue.ToString() == "JobTitle")
    {

        ObjectDataSource1.FilterExpression = "JobTitle LIKE '%" + TextBox1.Text + "%' ";

    }
    else if (DropDownList1.SelectedValue.ToString() == "City")
    {

        ObjectDataSource1.FilterExpression = "City LIKE '%" + TextBox1.Text + "%' ";

    }
 }

自动填充的Javascript：

<script type="text/javascript">
     $(function() {
        var availableTutorials = [

           "Director",
           "Broker",
           "Medical",
           "R&D",
           "Sales Executive",

        ];
         $("#TextBox1").autocomplete({
            minChars: 0,
            delay: 0,
            source: availableTutorials, minLength:0
        }).on('focus', function() { $(this).keydown();

        });

     });
  </script>

所以基本上我只希望在(DropDownList1.SelectedValue.ToString() == "JobTitle")适用时应用自动完成功能。不确定如何使用Javascript / Code进行此操作。任何帮助真的很感激！

Answer 1

你可以这样做：

if($('#<%= DropDownList1.ClientID %>').val() === 'JobTitle'){
    $("#<%= TextBox1.ClientID %>").autocomplete({ 
      // code
    });
}

您可以在焦点上初始化它而不是加载：

$("#<%= TextBox1.ClientID %>").on("focus", function(){
  if($('#<%= DropDownList1.ClientID %>').val() === 'JobTitle'){
      $(this).autocomplete({ 
        // code
      });
   }
});

仅当满足某些条件时，JQuery才会自动完成

1 个答案: