Tag: jquery ui autocomplete

获取jQuery ui自动完成function仅适用于@mentions

我看了几个问题,比如https://stackoverflow.com/a/7222592/2332251 我仍然无法将其与我的代码进行协调。 目前,当我开始输入时,以下内容完美地用于搜索用户名。 $(function() { $(“#appendedInputButton”).autocomplete({ minLength: 2, source: “searchusers.php” }); }); searchusers.php中的函数输出数据库中的用户名。 正如我所说,我无法让其他@mention解决方案为我工作。 我试过复制其他解决方案并交换我的细节,但似乎没有任何效果。 所以… 如果我最初键入“@”符号,我需要对当前的自动完成脚本做什么才能加载它? 我真的希望能够在我的post中拥有多个@mentions (可选)当自动完成建议用户名时,当我从列表中选择用户名时,我希望它出现在我的post中,@ mysmbol仍然附加在用户名的前面,例如“hello @john,@符号仍然附加到你的用户名” 如果您需要更多信息,请发表评论,我会提供更多:) 编辑我真的不确定使它工作的语法。 例如,使用我上面发布的示例答案,我提出了(但它不起作用): function split(val) { return val.split(/@\s*/); } function extractLast(term) { return split(term).pop(); } function getTags(term, callback) { $.ajax({ url: “searchusers.php”, data: { filter: term, pagesize: 5 }, type: “POST”, success: callback, jsonp: […]

在jQuery UI Autocomplete中,`source`键可以保存哪些数据源?

我在JS和jQuery中都很新。 在我的工作中,我遇到了jQuery UI Autocomplete小部件中的jQuery代码,我并不完全理解。 我有两个关于这个代码的问题,这些问题被分成几个post(正如那篇metapost中的推荐)。 另外,对不起,如果我的英语太可怕了,我会尽我所能。 🙂 这是代码: http : //pastebin.com/NyG48Yb9 我明白了: autocompletefunction在一些input上运行,在我们的例子中是#searchBox 。 函数get参数是一个对象,表示用户键入#searchBox时列表的行为。 该对象有一个名为source的键,用于描述提供列表的资源。 我不明白#2: 在这种情况下, source键的值是一个回调函数,根据jQuery UI自动完成API文档 ,它是: 第三种变体是回调,它提供了最大的灵活性,可用于将任何数据源连接到自动完成。 我的问题 “任何数据源”中包含哪种数据源? string , Array , Object ? 使用Ajax提供JSON的远程资源? 其他? 能给我举个例子? 非常感谢你。 🙂 我的另一个问题: 在jQuery UI Autocomplete中,`response`函数在哪里实现?

Jquery重音不敏感,具有多个值自动完成function

以下是我在以下JS小提琴中总结的问题: http : //jsfiddle.net/sidou/3R5B2/ 我需要创建一个具有多个值的自动完成字段(这在附加脚本的第一部分中正确完成)但我还希望在获取与输入字符串相比的自动完成建议时它对重音不敏感(正如它在附加脚本的第二部分)。 如何合并这两种行为? 或换句话说,如何在保持多值选择function的同时简单地使第一个自动完成字段重音不敏感。 您可以输入“caféteria”一词来试试 谢谢

jQuery UI Autocomplete停止工作

出于某种原因,jQuery UI的自动完成function已停止为我工作。 我得到了与此网页上描述的相同的错误。 我已经从下面的网页复制了查询的内容,希望这里的某个人能够回答它。 谢谢! 我正在使用Jquery UI Autocomplete来获取名称列表。 但由于某种原因,我收到一个错误: $(‘#repName’).removeAttr(‘readonly’).focus(function () { $(this).val(”); }).autocomplete({ source: function (request, response) { tagId = $(‘#TagId’).val(); $.ajax({ url: ‘/Developement/GetRepName’, type: ‘POST’, dataType: ‘json’, data: { searchText: request.term, maxResults: 10, tagId: tagId }, success: function (data) { response($.map(data, function (item) { return { label: item.Name, value: item.RepId, id: item.RepId } […]

jQuery的自动完成:自定义“ESCAPE”按键的行为

我正在使用jQuery的自动完成插件,并希望在用户按下“ESCAPE”键时自定义行为,如下所示, 当用户键入要搜索的文本时,会列出其对应的结果。 如果按下“ESCAPE”键,则不选择任何结果,则应删除输入的搜索文本。 [默认行为:保留搜索文本] 在http://jqueryui.com/demos/autocomplete/#multiple-remote中 ,用户可以多次搜索。 假设他输入了一个文本并从下拉列表中选择了一行。 现在,他再次搜索,但没有选择任何结果,他按下“ESCAPE”键,然后应该删除单独的搜索字符串(而不是之前选择的搜索字符串)。 任何帮助表示赞赏。

将从jqueryui autocomplete返回的值传递给另一个函数

这是我的用例:用户选择从自动完成查找返回的选项。 从查找返回的数据被分配给表单上的许多其他输入框。 进一步在表单中,用户进入选择框,在那里他们选择“链接类型”。 链接类型的选择触发第二个函数,该函数将一些默认值(例如链接描述的样板文本)分配给某些相关的输入框。 问题:如何将从自动完成function中选择的值传递给第二个function? 这是自动完成代码: $(‘#chooseChannel’).val(“”); $(‘#chooseHLProgName’).val(“”); $(“#chooseHLProgName”).autocomplete({ source: function( request, response ) { $.getJSON( ‘/test/myCFC.cfc?’, { method: ‘qryMyMethod’, returnformat: ‘json’, searchTerm: request.term, dsn: ‘myDSN’, virtChannel: $(‘#chooseChannel’).val() }, response ); }, minLength: 3, select: function(event,ui) { $(‘#seriesID’).val(ui.item.seriesid), $(‘#versionID’).val(ui.item.versionid), $(‘#channel’).val($ (‘#chooseChannel’).val() ), $(‘#chooseHLTitle’).val(ui.item.progFullTitle), $(‘#chooseHLDesc’).val(ui.item.progDesc), $(‘#chooseHLDateTimeInfo’).val(ui.item.progDateTime), $(‘#setScheduleURL’).val(‘/schedules/listingDetails.cfm?seriesID=’ + ui.item.seriesid + ‘&versionID=’ + ui.item.versionid + ‘&virtChannel=’ + […]

从带有复选框的jquery自动完成中选择多个选项

我正在使用jquery自动完成 。 我正在尝试使用代码 HTML 脚本 var data = [ “ActionScript”, “AppleScript”, “Asp”, “BASIC”, “C++”, “Clojure”, “COBOL”, “ColdFusion” ]; $(function () { var $this; var singleSelectOptions = { source: function (request, response) { response($.map(data, function (item) { return { label: item, } })); }, select: function (event, ui) { $($this).autocomplete(“close”); $($this).val($($this).val() + ‘\n’ + ui.label) }, […]

Json自动完成从json列出所有元素

在我自动完成的脚本中,我设置了一个json文件: 脚本 $(“#tags”).autocomplete({ source: function(request, response) { $.ajax({ url: “test.json”, dataType: “json”, data: { term: request.term }, success: function(data) { response($.map(data, function(item) { return { label: item.name_test }; })); } }); } }); HTML Tags: JSON文件 [{ “id_test”: “7”, “name_test”: “Tejido”, “price”: “65” }, { “id_test”: “8”, “name_test”: “Semen”, “price”: “120” }, { “id_test”: “6”, […]

当我使用jqueryui自动完成时,为什么我的网站会提醒“xssvuln”?

我在我的网站上实现了jqueryui自动完成function,但是当我加载该页面时,它会提醒“xssvuln”。 但是当我试图在localhost上运行我的网站时,没有问题。 你能帮帮我解决这个问题吗? 而且,我在ipage上运行我的网站。 这是我自动完成的js。 $.ajax({ type: ‘post’, url: ‘autocompleteCourse.php’, dataType: ‘json’, success: function(data){ var availableCourse = data; $( “#course” ).autocomplete({ source: availableCourse, messages: { noResults: ”, results: function() {} } }); } }); 这是我自动完成的php文件。 include’../utility/sqlcon.php’; $query = mysql_query(“select * from autocomplete where input = ‘course'”) or die (mysql_error()); while($q=mysql_fetch_array($query)) { $courseOptions[] = $q[‘autoComplete’]; } […]

jquery ui autocomplete id和close event ui parameter

我正在使用jQuery Ui Autocomplete 1.8.14,我想做两件事: 为自动填充分配ID。 例如,我可能在页面上有许多自动填充,我需要一种方法来识别每个。 特别是,在后台自动完成生成类似的东西 我想要的是为ul标签分配和id。 我之所以这样做是因为以下原因…… 有一个关闭事件 ,其中一个参数是ui 。 在“选择”中,即使这个ui填充了用于创建自动完成的数据,但对于关闭事件, ui是空的。 这就是为什么我想在我之前的问题中在ul标签上有一个id。 如果我可以获得ui数据,那么我不需要为设置id而烦恼,尽管我认为这是一个理想的function,无论如何。 希望我相当清楚。 编辑:显然,我不够清楚:)。 希望以下内容有助于阐明我的意思:从自动完成中选择一个项目后,我使用select事件使用“ui”参数填充其他表单元素。 这一切都很好,很棒。 但是,现在我要做的就是这个,比如在自动完成中我写出了一个存在于自动完成中的项目。 但是,我不选择项目,而是选项卡到下一个表单元素。 我想要发生的是检查在自动完成中输入的术语,循环遍历自动完成列表。 如果输入的术语与列表中的某个项匹配,我只是从“附加对象”中获取数据,然后相应地填充表单元素。