首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery UI Autocomplete 范例

2013-01-07 
jQuery UI Autocomplete 实例script typetext/javascript$(function () {$(#city_name).autocomple

jQuery UI Autocomplete 实例

<script type="text/javascript">    $(function () {        $('#city_name').autocomplete({//            max:5,//            width:210,//            scrollHeight:300,            minLength:2,            source:$.parseJSON($("#city_date").val()),            select:function (e, ui) {                $("#city_id").val(ui.item.value);                $('#city_name').val(ui.item.label+",  "+ui.item.desc)                return false            },            focus:function (e, ui) {                $('#city_name').val(ui.item.label)                return false            }        }).data("autocomplete")._renderItem = function (ul, item) {            return $("<li></li>")                    .data("item.autocomplete", item)                    .append("<a style='margin-left: 2px;'><span>" + item.label + "</span><span style='margin-right: 2px; float:right; color:#08C;'>" + item.desc + "</span><a>")                    .appendTo(ul);        };    });</script>
?

?

热点排行