Javascript 只有满足特定条件时，JQuery才会自动完成

我在

.aspx

页面中使用JQuery autocomplete作为文本框。该页面包含一个下拉列表，用户可以从中选择几个不同的类别，并与一个文本框相结合，用户可以在其中输入搜索词。现在，问题是我只需要自动完成就可以为其中一个类别选项工作。 我的代码如下所示： .aspx：

以及用于自动完成的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>

$（函数（）{
var AvailableAutorials=[
“董事”，
“经纪人”，
“医疗”，
“研发”，
“销售主管”，
];
$（“#TextBox1”）.autocomplete({
明查斯：0，
延迟：0，
来源：AvailableAutorials，最小长度：0
}).on（'focus'，function（）{$（this）.keydown（）；
});
});

---

因此，基本上我只希望在

（DropDownList1.SelectedValue.ToString（）=“JobTitle”）

应用时应用autocomplete函数。不知道如何使用Javascript/代码隐藏来实现这一点。非常感谢您的帮助

您可以这样做：

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

if（$（'#'）.val（）=='JobTitle'）{
$（“#”）自动完成（{
//代码
});
}

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

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

$（“#”）在（“焦点”，函数（）上{
if（$（'#'）.val（）=='JobTitle'）{
$（此）.autocomplete（{
//代码
});
}
});

谢谢，我试过了，但出现了错误“名称'DropDownList1'在当前上下文中不存在”实际上是一个简单的例子'if（$（'DropDownList1'）.val（）=='JobTitle'）{$（“#TextBox1”）。自动完成//编码您的答案让我得到了答案，所以我会接受它作为正确答案

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

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