标签: jquery-ui-autocomplete
jQuery 自动完成显示值而不是标签
我正在使用jQuery-ui 自动完成。这是我如何使用它
<form action="go.php" method="post">
<input id="txt" type="text" />
</form>
<script>
$('#txt').autocomplete({
source: [{'label': 'milan', 'value': '1'}, {'label': 'minos', 'value': '2'}]
})
</script>
当我输入“mi”milan并minos出现时，没问题。但是，当我关注它们时，向下键值#txt更改为1（米兰的值）而不是milan. milan当我专注于它时，我该如何展示。谢谢
推荐指数
解决办法
查看次数
Python:列表到JSON
我试图使用Django与jquery UI自动完成,但无法发送响应.
这是我的代码:
def ajax_tags_autocomplete(request):
""" Autocomplete for tag list """
beginning_of_title = request.GET.get('term', '')
tags_found = Tag.objects.values_list('title', flat=True).filter(title__startswith=beginning_of_title)
return HttpResponse(json.dumps(tags_found), mimetype='application/json')
我收到一个错误:
[u"php"] is not JSON serializable
为什么？列表序列化是不可能的？那么我应该传递给序列化器呢？
我会很高兴任何建议.
推荐指数
解决办法
查看次数
如何在ASP.NET和外部数据源中使用jquery的UI自动完成功能？
我一直试图把这些碎片放在一起这一段时间,我遇到了麻烦.
组件:
- ASP.NET Web应用程序
- MS SQL数据库和表
- C#类,包含所有表列的get和set
- jquery和jquery UI库
场景:
- 我有一个文本框,我想自动完成.
- 填充文本框后,用户单击"添加"(理想情况下,我需要返回项目的ID,但我只是想让它工作)
我不确定的是数据是如何填充的.jquery文档说我应该有一个源URL.以下工作正常.
<script>
$(function () {
var availableTags = [
"ActionScript",
"AppleScript",
.....
.....
"Ruby",
"Scala",
"Scheme"
];
$("#autoComplete").autocomplete({
source: availableTags
});
});
</script>
但是,当我用外部源代替数组时,它不起作用:
<script>
$(function () {
$("#autoComplete").autocomplete({
source: "http://localhost:61639/ProjectName/AutoCompleteContent.htm"
});
});
</script>
这是AutoCompleteContent.htm的HTML
<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
[
"ActionScript",
"AppleScript",
.....
.....
"Ruby",
"Scala",
"Scheme"
]
</body>
</html>
这是我的问题:
- 我不确定页面上的数据应该是什么样的.
- 我当然不知道如何以自动完成的有效格式显示我的数据库数据以接受它.
我想我走的是正确的道路,但不确定.有人可以拼出这些步骤吗？
我非常感激!
推荐指数
解决办法
查看次数
jQuery UI自动完成下拉菜单不显示
我正在尝试使用jQuery UI自动完成功能来搜索spotify的音乐库.虽然一切顺利,但我确实得到了成功的答复:
没有下拉建议.例如,我正在搜索"时间",我想看到:
- 时间由Hans Zimmer < - (这是我正在寻找的)
- 由比特犬回到过去
- 通过大提升时间仓促
这是我的JavaScript代码:
<script>$(function() {$( "#spotify_song_search" ).autocomplete({source: function(request, response) {
$.get("http://ws.spotify.com/search/1/track.json", { q: request.term },function( data ) { alert(data); response(data);});
},success: function(data) {
// pass your data to the response callback
alert(data); response(data);
}});});</script>
我一定做错了什么.我还在这里检查了jQuery文档:http://jqueryui.com/demos/autocomplete/但它没有给出任何解释为什么会发生这种情况.我添加了警报,看看我是否至少会得到一个响应,我这样做,但它只是返回[object Object].我需要做什么才能显示搜索结果？
错误: Uncaught SyntaxError: Unexpected token ILLEGAL在第417行:
推荐指数
解决办法
查看次数
如何获取jQuery UI自动完成多个以删除已选择的项目
此处提供的jQuery UI自动完成多个示例允许您多次添加相同的项目.
我该如何防止这种情况发生？
jquery jquery-ui autocomplete jquery-autocomplete jquery-ui-autocomplete
推荐指数
解决办法
查看次数
自动填充实验性消息选项,无结果
推荐指数
解决办法
查看次数
如何将jQuery自动完成与POST查询连接到远程数据源？
我正在尝试使用POST查询将文本字段连接到jQuery UI的自动完成与远程数据源.到目前为止我有这个:
$( "#booking_student" ).autocomplete({
source: function( request, respond ) {
$.post( "/path/to/my/api.php", { student: request.term },
function( response ) {
//do something
} );
}
});
使用Firebug我可以看到我的API返回了我期望的结果,但是没有出现自动完成下拉列表.将结果插入自动完成下拉列表我需要做什么？我是否需要使用JSON结果填充// do something部分中的变量？
jquery jquery-ui autocomplete jquery-autocomplete jquery-ui-autocomplete
推荐指数
解决办法
查看次数
jquery UI自动完成支持是否限制在支持多个值的无效值上键入？
我正在接管一个新的网站,它使用了一个旧的不推荐使用的jquery autocomplete插件版本.我正在尝试使用最新的jquery ui自动完成重新创建功能,并且有一个功能我似乎无法复制.
我想在有多个值允许的情况下复制"mustMatch"功能.
所以基本上,如果我开始输入任何未显示在任何搜索结果中的测试(甚至是部分字符串搜索),它会重置该字段的条目(而不是让我输入不在有效列表中的垃圾)选择)
所以我可以说我的名单(本地)是{"Bird","Song","Happy"}
它会让我输入
Bird, Son
但如果我在之后键入z它会保持打开状态
Bird, Son
告诉我这是一个无效的条目
这可以在jquery ui自动完成中执行吗？
我看到很多来自谷歌的老帖子提出类似的问题和答案,但是没有一个似乎与多个值一起工作(许多似乎根本不工作:()
推荐指数
解决办法
查看次数
jQuery UI自动完成显示AJAX源的标签和值
我有AJAX源的jQuery UI自动完成输入,我想显示标签而不是id; 但我的代码显示搜索结果何时返回.我怎样才能展示标签？
PHP:
<?php
require_once '../php/db_conx.php';
$req = "SELECT *
FROM ads
WHERE bbookname LIKE '%" . strtolower(mysql_real_escape_string($_REQUEST['term'])) . "%' ";
$query = mysql_query($req);
while ($row = mysql_fetch_array($query)) {
$return = array(
'label' => $row['bbookname'] . ' ' . $row['bbookschool'],
'value' => $row['adid']
);
}
echo json_encode($return);
?>
jQuery的/ AJAX:
$("#BooksSearchInput").autocomplete({
source: '../Search/BP_Books_Search.php',
minLength: 1,
autoFocus: false,
select: function(event, ui) {
var SearchBookVal = (ui.item.value)
$.ajax({
type: "POST",
data: {
data: SearchBookVal
},
url: "../php/SearchBooks_results.php"
}).done(function(feedback) {
$('#booksads').html(feedback)
}); …推荐指数
解决办法
查看次数
Jquery-ui Autocomplete和Bootstrap 3固定导航栏
我正在尝试使用jquery ui和twitter bootstarp进行自动完成搜索.我在导航栏中添加了一个简单的搜索框,一切似乎都运行正常.请看下面的代码片段,或者你也可以在这个JSFiddle上看到相同的代码,只需输入'a',它就会自动在下拉列表中显示结果.
问题在于平板电脑和移动版本的bootstrap导航栏,例如默认情况下显示平板电脑版本的代码片段,因此bootstarp导航栏会调整其高度,但是当我在平板电脑或移动版本上搜索时,自动完成结果会保留在固定位置的导航栏后面.我试图用z-index和改变修复这个问题.ui-autocomplete {position:relative;},但没有什么对我有用.下面是这个问题的图像.
请看下面的代码片段,谢谢
$(function () {
// Remove Search if user Resets Form or hits Escape!
$('body, .navbar-collapse form[role="search"] button[type="reset"]').on('click keyup', function(event) {
console.log(event.currentTarget);
if (event.which == 27 && $('.navbar-collapse form[role="search"]').hasClass('active') ||
$(event.currentTarget).attr('type') == 'reset') {
closeSearch();
}
});
function closeSearch() {
var $form = $('.navbar-collapse form[role="search"].active')
$form.find('input').val('');
$form.removeClass('active');
}
// Show Search if form is not active // event.preventDefault() is important, this prevents the form from submitting
$(document).on('click', '.navbar-collapse form[role="search"]:not(.active) …jquery-ui jquery-ui-autocomplete twitter-bootstrap twitter-bootstrap-3
推荐指数
解决办法
查看次数
标签 统计
jquery-ui ×9
jquery ×7
autocomplete ×3
javascript ×2
ajax ×1
asp.net ×1
c# ×1
django ×1
python ×1
spotify ×1