调用事件处理程序

Calling event handler

本文关键字：程序事件处理调用更新时间：2023-09-26

在下面的代码中，你可以看到数据从下拉菜单文本中获取它的值，我需要数据从href中获取它的值，并将#替换为"以获取没有# sgin的值

<script type="text/javascript">
    $(function () {
        SearchText();
    });
    function SearchText() {
        $(".autosuggest").autocomplete({
            source: function (request, response) {
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    url: "Default2.aspx/GetAutoCompleteData",
                    data: "{'value':'" + $('#<%= txtSearch.ClientID %>').val() + "',$('.search-panel .dropdown-menu').find('a').click();}", dataType: "json",
                    success: function (data) {
                        if (data.d.length > 0) {
                            response($.map(data.d, function (item) {
                                return {
                                    label: item.split('/')[0],
                                    val: item.split('/')[1]
                                }
                            }));
                        }
                        else {
                            response([{ label: 'No Records Found', val: -1 }]);
                        }
                    },
                    error: function (result) {
                        alert("Error");
                    }
                });
            },
        });
    }
</script>

标记

<div class="input-group">
    <div class="input-group-btn search-panel">
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <span id="search_concept">Filter by</span> <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#UserID">User ID</a></li>
            <li><a href="#TypeName">User Type</a></li>
        </ul>

    </div>

thanks in advance

这是一个在click时调用的事件处理程序，但是你可以这样调用它:

$('.search-panel .dropdown-menu').find('a').click();

也许这是有帮助的。让我们准备好文档外部的所有函数代码，并在加载主体时根据触发的事件调用该函数。

<script type="text/javascript">
    $(document).ready(function (e) {
//calling the function
     function myEvents();
    });
   //now you can define  the function as per your requirement
   function myEvents(){
     $('.search-panel .dropdown-menu').find('a').click(function (e) {
            e.preventDefault();
            var param = $(this).attr("href").replace("#", "");
            var concept = $(this).text();
            $('.search-panel span#search_concept').text(concept);
            return concept;
        });   
    };
</script>