jquery ui搜索框的使用

来源：互联网发布：光翼网络班客户端编辑：程序博客网时间：2024/06/04 20:22

    <link href="../CSS/jquery-ui.css" rel="stylesheet" type="text/css" />    <script src="/JS/jquery-1.9.1.js" type="text/javascript"></script>    <script src="/JS/jquery-ui.js" type="text/javascript"></script>

$(function () {            $("#txtSku").autocomplete({                source: function (request, response) {                    $.ajax({                        type: "GET",                        url: "/SKU/ajax.aspx",                        dataType: "json",                        data: {                            func:"QueryKeyWord",                            keyWord: request.term                        },                        success: function (data) {                            response($.map(data.Data, function (row, i, max) {                                return "[" + row.MarketProductCode + "]" + row.SkuKeyWord;                            }));                        }                    });                },                minLength: 2,                select: function (event, ui) {                    event.preventDefault();//取消默认改变文本框内容的事件                    var productCode = ui.item.value.substring(1, ui.item.value.indexOf("]"));                    $("#txtSku").val(productCode);                    return;                }            });        });

阅读全文

0 0