2

jqueryオートコンプリートUIアイテムにHTMLを追加することは可能ですか? <strong></strong>たとえば、結果のアイテムをオートコンプリートするタグを追加したいと思いますlabel: item['name']。しようとしましたがlabel: '<strong>'+item['name']+'</strong>、HTML ではなくテキストとして適用されます。

$('input[name="customer"]').catcomplete({
    delay: 0,
    source: function(request, response) {
        $.ajax({
            url: 'index.php?route=sale/customer/autocompletefilter_name=' +  encodeURIComponent(request.term),
            dataType: 'json',
            success: function(json) {   
                response($.map(json, function(item) {
                    return {
                        category: item['customer_group'],
                        label: item['name'],
                        customer : item['name'],
                        value: item['customer_id'],
                        customer_group_id: item['customer_group_id'],
                        firstname: item['firstname'],
                        lastname: item['lastname'],
                        email: item['email'],
                        telephone: item['telephone'],
                        fax: item['fax'],
                        address: item['address']
                    }
                }));
            }
        });
    }, 
    select: function(event, ui) {
        //some actions on select
    }
});

ありがとうございます。

4

1 に答える 1

5

ScottGonzalesのオートコンプリートHTML拡張機能を確認してください-https ://github.com/scottgonzalez/jquery-ui-extensions/blob/master/src/autocomplete/jquery.ui.autocomplete.html.js。これにより、ラベルオプションのHTMLを渡すことができます。

例-http ://jsfiddle.net/eay3d/1/

$(function() {
    var availableTags = [
        { label: 'Apple1', value:'Apple1' },
        { label: '<strong>Apple2</strong>', value:'Apple2' },
        { label: 'Apple3', value:'Apple3' }             
    ];
    $( "#tags" ).autocomplete({
        source: availableTags,
        html: 'html'
    });
});

2013年9月22日編集：ソースリンクは修復されましたが、維持されなくなりました。

于 2012-07-08T10:29:49.577 に答える