栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery UI令牌

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery UI令牌

您的代码应为:

*用 演示

*更新

$(function() {    $("#to").autocomplete({        //define callback to format results        source: function(req, add) { //pass request to server $.getJSON("json.json", req, function(data) {     add($.map(data,     function(item) {         return {  id: item.id,  label: item.name,  value: item.name         }     })); });        },        //define select handler        select: function(e, ui) { $('<a  href="#' + ui.item.id + '" title="remove">' + ui.item.label + '<span>x</span>' +    '<input name="friend[]" type="hidden" id="friend_' + ui.item.id + '" value="' + ui.item.id + '" /></a>').insertBefore('#to');        },        //define select handler        change: function() { $("#to").val("");        }    }); //delete friends    $('a.del_friend').live('click', function(e) {        e.preventDefault();        var friend_id = this.hash.split('#')[1];        alert(friend_id); //AJAX Call and delete item by it's ID        $(this).fadeOut(500).remove()    });});
  • 注意: 这假设您的json代码如下所示:

[{{name“:” dupont“,” id“:” 34998“},{” name“:” castro“,” id“:” 34996“},{”
name“:” castelbajac“,” id“: “ 34995”}]


  • 有用的读物​​: http : //jqueryui.com/demos/autocomplete/#remote-jsonp


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/375769.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号