Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在自动完成jquery/Ajax中键入时更改文本颜色_Javascript_Css_Jquery - Fatal编程技术网

Javascript 如何在自动完成jquery/Ajax中键入时更改文本颜色

Javascript 如何在自动完成jquery/Ajax中键入时更改文本颜色,javascript,css,jquery,Javascript,Css,Jquery,我在服务器中输入一个文本框,该文本框提供匹配的数据(如果使用AJAX匹配数据,则会弹出自动完成),但当我输入某个文本框提供匹配的数据时,该字符应为红色。使用jquery是否可行,我曾考虑创建一个dom元素,如span,并将这些无效字符存储在其中,然后将其附加到文本框中,但仍然怀疑这是否可行。使用以下行更改输入字段的颜色;适当时: input.style.color = '#F41'; 其中,input是“文本框”,它是当前正在键入的字段 以下JSFIDLE举例说明了更改输入字段文本颜色的能力(

我在服务器中输入一个文本框,该文本框提供匹配的数据(如果使用AJAX匹配数据,则会弹出自动完成),但当我输入某个文本框提供匹配的数据时,该字符应为红色。使用jquery是否可行,我曾考虑创建一个dom元素,如span,并将这些无效字符存储在其中,然后将其附加到文本框中,但仍然怀疑这是否可行。

使用以下行更改输入字段的颜色;适当时:

input.style.color = '#F41';
其中,
input
是“文本框”,它是当前正在键入的字段

以下JSFIDLE举例说明了更改输入字段文本颜色的能力(键入字符“e”、“f”或“g”查看颜色更改):


我想你正在寻找一个像这样的插件。看看网站上的演示。您可以根据自己的要求轻松定制它。

,我已经更新了Xabderhi的一些代码@user695362,我将其包装在一个函数中,下面是地址:@Lanston我看不到您的更新-您需要将其保存在
jsfiddle
上,并在注释中提供链接。尽管如此,我的例子只是为了说明改变颜色是可能的。。。