自动提示下拉框代码

        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);

        });

  

时间: 2024-10-15 05:38:47

自动提示下拉框代码的相关文章

自定义弹出窗口,实现可输入可过滤自动选择下拉框

/** jQuery dialog windows * author : piyg Copyright(c) : 2014-09-01 09:28 Version 1.0-pre 自定义定时定频弹出窗口: 用法: 在自身jsp页面调用 showDialog(title,fn1,fn2),showProcessDialog(title,fn1,fn2)方法. title: 自定义窗口头信息. fn1 ,fn2 自定义回调函数,分别绑定2个按钮事件 fn1: "继续提交"按钮事件. fn2

自动完成下拉框 Select2 关键字搜索的实例(本地数据与异步获取)

最终效果 首先我们要有一个基础的文本框 <input name="test" type="hidden" id="userSelect" style="width: 600px" value="上海^漳州" /> 使用本地数据的写法 $('#userSelect').select2({ placeholder : "请输入", minimumInputLength : 1,

thinkphp中在编辑一条数据时不用JS实现自动选中下拉框

<select name="auth_pid" id="auth_pid"> <option value="0" >--请选择--</option> <volist name="auth_list" id="item"> <eq name="item.auth_id" value="$auth_info.auth_pid&q

php 二级下拉框

1,以省.市为例子,二级下拉框,先赋上页面,html部分如下: <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">城市</label> <div class="col-sm-10"> <select name="province" class=

Extjs 下拉框

刚刚熟练了easyui控件的使用,又開始了如今的这个项目. 这个项目是个半成品.前端使用的是Extjs控件,jsp中没有代码.就引用了非常多的js...于是乎有种不知所措了呀. . . 说实话特别的不想去看那些代码,第一是不熟悉,第二是太乱没条理,另一个原因界面连html不想看又不行,公司要做这个项目,你又不能跟公司领导说我不会,.所以还是硬着头皮看了一天. 大概了解后,就開始copy,past,将原模块中js原封不动的考到了jsp页面,于是乎就这样执行起来了,仅仅只是调用的不是我自己的方法.后

TW自动化测试下拉框遇到的问题及解决方法

今天,分享下使用自动化测试工具TestWriter测试下拉框时遇到的一些问题及解决方法,欢迎大家一起讨论交流~ 问题1:web测试 1.xpath路径获取正确2.操作的事件为 :comboboxselectbyindex .数据来源为常量3.选中项为 :3 4.回放的时候,报错提示 : 下拉框选中出错 解答:针对下拉框元素操作时,请先确认该下拉控件的实现方式,从前端开发角度来讲,要么使用html原生的Select标签,要么自定义.如果使用的原生标签,则可以使用comboboxselectbyin

asp.net MVC4 表单 - 下拉框

1.下拉框代码方式 控制器内构建下拉项目: List<SelectListItem> list = new List<SelectListItem>(); list.Add(new SelectListItem() { Text = "计算机", Value = "computer" }); list.Add(new SelectListItem() { Text = "数学", Value = "math&qu

JavaScript解决select下拉框中的内容太长显示不全的问题

JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

下拉框的点击事件

下拉框是我们应用的比较多的页面元素,结合实际工作中遇到的问题说一下关于下拉框注册事件的一些例子,希望对大家有所帮助. $(function () { $(".events").change(function () { if ($(this).children('option:selected').val() == '所有事件') { $(".wrapper").addClass("all"); $(".wrapper").re