码迷,mamicode.com
首页 > 其他好文 > 详细

自动提示下拉框代码

时间:2015-05-12 13:05:09      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:

        var searchtext = $("#xmmc", dialog);
        var $autocomplete = $("<ul class=‘autocomplete‘></ul>").hide().insertAfter(searchtext);
        searchtext.keyup(function () {
            var stext = searchtext.attr("value");
            $.ajax({
                url: ‘/dataAjax.aspx‘,
                data: ‘action=xmlist&text=‘ + URLencode(stext) + ‘&time=‘ + new Date().getTime(),
                dataType: "text",
                async: false,
                success: function (text) {
                    $autocomplete.empty();
                    if (text != "[{}]") {
                        var dataObj = eval("(" + text + ")");
                        $.each(dataObj, function (idx, item) {
                            $("<li class=\‘autocomplete_li\‘></li>").text(item.xmmc).appendTo($autocomplete)
                            .mouseover(function () {
                                $(this).css("background", "#e4f5ff");
                            }).mouseout(function () {
                                $(this).css("background", "white");
                            })
                            .click(function () {
                                searchtext.attr("value", item.xmmc);
                                $autocomplete.hide();
                            });
                        });
                    }
                    $autocomplete.show();
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(XMLHttpRequest.status);
                    alert(XMLHttpRequest.readyState);
                    alert(textStatus);
                }
            });
        }).blur(function () {
            setTimeout(function () {
                $autocomplete.hide();
            }, 500);

        });

  

自动提示下拉框代码

标签:

原文地址:http://www.cnblogs.com/youyuan1980/p/4496687.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!