读书人

jQuery UI Autocomplete 范例

发布时间: 2013-01-07 10:02:24 作者: rapoo

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>
?

?

读书人网 >Web前端

热点推荐