如何使用jquery在asp.net中自动完成textbox

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<input type="text" id="txtAutoComplete" />
<div id="autoCompleteOptions" style="display: none;">
    <!-- 自动完成的选项列表 -->
    <ul>
        <li>选项1</li>
        <li>选项2</li>
        <li>选项3</li>
    </ul>
</div>

$(document).ready(function() {
    $('#txtAutoComplete').keyup(function() {
        var inputText = $(this).val(); // 获取用户输入的文本
        var options = $('#autoCompleteOptions ul li'); // 获取自动完成的选项列表

        // 遍历选项列表，根据用户输入的文本显示匹配的选项
        options.each(function() {
            var optionText = $(this).text();
            if (optionText.indexOf(inputText) !== -1) {
                $(this).show();
            } else {
                $(this).hide();
            }
        });

        $('#autoCompleteOptions').show(); // 显示自动完成的选项列表
    });
});