JQuery自动完成 - 选择项目并更改其颜色

Question

我正在使用autocompleteTrigger http://jsfiddle.net/dmattes/2YRgW/1/

选择标签后是否可以为标签着色？

自动填充中的文字示例： 我和安娜去了@barcelona 巴塞罗那应该是彩色的

亲切的问候， 迪马

Answer 1

你可以在jsfiddle上看到我认为这就是你要找的东西。

http://jsfiddle.net/2YRgW/191/

JS

$('input,textarea').autocompleteTrigger({
    triggerStart : '@',
    triggerEnd: '',
    source: [
        "Asp",
        "BASIC",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ]
});
$('input,textarea').autocomplete({
    select: function(event, ui){
       $('.text2').html(ui.item.value);
       $('.text2').css("background-color","green");
    }
});
​

HTML

<h2>Textfield</h2>
<input type='text' />

<div>&nbsp;</div>

<h2>Textarea</h2>
<textarea class="text2" col="50" row="3"></textarea>

编辑：

我看到你要求改变文字颜色，而不是盒子的颜色。我改变了小提琴手。

http://jsfiddle.net/2YRgW/192/