zoukankan      html  css  js  c++  java
  • jquery autocomplete自动提示的插件用户

    官方的文档和说明:

    http://api.jqueryui.com/autocomplete/#entry-examples

    官方的没有值和名称的说明

    这下面可以获得一个值和名称的对应

    $("#autocomplete").autocomplete({
    // source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]

    source: function (request, response) {
    var typeId = 0;
    minLength: 1,
    $.ajax({
    type: "get",
    // 通过request.term可以获得文本框内容
    url: "API/GetAreaAndSchoolHandler.ashx?action=GetSchoolByWord&typeId=" + typeId + "&keyword=" + request.term,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
    // jQuery.map(array, callback) :将一个数组中的元素转换到另一个数组中。
    // 下面就是把数组["value1", "value2",...]转换为[{value:"value1"}, {value:"value2"},...]
    response($.map(data, function (item) {
    return { value: item.schoolname, lable: item.sid };
    }));
    },
    error: function () {
    alert("ajax请求失败");
    }
    });
    },
    select: function (evt, ui) {
    alert(ui.item.lable + " name:" + ui.item.value);
    // 将数据写到元素上
    //$(this).data('value', ui.item);
    }
    });

    作者:划风
    邮箱:emaisi@hotmail.com
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
  • 相关阅读:
    Webservise如何Webservise实现打印
    GridView和FormView中对时间的末尾处理
    WebService系统结构设计
    Panel的用法
    Div+CSS选项卡
    java运行环境配置
    电子商务购物车
    电子商务配置管理
    电子商务订单生成
    spring+redis+mysql做缓存操作 look
  • 原文地址:https://www.cnblogs.com/dengxinglin/p/2888519.html
Copyright © 2011-2022 走看看