混合标题和标签表单字段

时间:2011-12-04 08:54:23

标签: javascript jquery html autocomplete

我会根据stackoverflow“新问题”页面提出我的问题,因为它更容易解释。

我们在该页面中有2个表单字段标题和标签。如果我们想将这些合并到字段怎么办?因此,如果用户键入以#符号开头的任何单词,我们会将其识别为标记,我们将尝试自动完成该标记,但如果用户继续编写没有#符号的其他单词,我们就会知道这些单词现在是标题本身的一部分。

用户将输入#ja,我们将建议java和javascript标签,然后用户选择其中一个,他将继续写作,但由于他不再写#,我们知道这些单词现在是问题标题的一部分。

那么我需要使用javascript和html创建这种类型的混合字段?

1 个答案:

答案 0 :(得分:0)

jQuery将是一个良好的开端 - 轻松创建您需要的插件。

即使使用像

这样的现有自动完成插件也可能

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/或与jQuery UI一起使用的,但必须进行修改。首先,分隔符必须是空格而不是通常的逗号。其次,最好进一步修改插件,这样只有当单词的第一个字符是'#'时它才会执行ajax请求。这样就不会有太多的请求。插件将能够从通话中删除“#”。

在服务器端,如果我们在get / post请求中仍然有'#',请将其删除并继续进行数据库选择。然后使用“#”前置或不带回复数据,以便回调中的javascript能够在需要时添加它。

如果我们从自动填充中选择一个插件,我不确定上面列出的插件如何处理标签替换,但我相信它不会成为问题。可能如果您使用bassistance插件,则必须更换自动填充标签后面的分隔符(它会插入逗号)。