语义Ui自动完成
问题描述:
美好的一天,我想用这个json数据来使用语义ui的自动完成功能。任何想法请。下面是我在不同网站看到的代码。语义Ui自动完成
record.json
{
records: [
{
idno: "PH00019404-1",
firstname: "CHERRY MAE"
},
{
idno: "PH00008381-2",
firstname: "LUZMIN"
}
]
}
我的HTML
<div class="ui search focus">
<div class="ui search icon input">
<input class="ui search" type="text" placeholder="Colors..." autocomplete="off">
<i class="search icon"></i>
</div>
<div class="results"></div>
</div>
我的JavaScript
<script type="text/javascript">
$(document).ready(function() {
$('.ui.search').search({
apiSettings: {
url: 'www.mysite.com/record.json',
minCharacters : 3,
onResponse: function(results) {
var response = {
results : []
};
$.each(results, function(index, item) {
response.results.push({
title : item.idno,
description : item.firstname
//url : item.html_url
});
});
return response;
},
},
});
});
</script>
答
我得到这个问题的答案的链接。 https://semantic-ui.com/modules/search.html#/examples
<script>
$('.ui.search')
.search({
apiSettings: {
url: 'http://localhost/views/api/members?q={query}'
},
fields: {
results : 'records',
description : 'name',
title : 'idno'
},
minCharacters : 3
})
;
</script>
您面临的问题是什么? – Thamaraiselvam
当我输入我的文本框时没有结果。 – Lara
控制台中的任何错误? – Thamaraiselvam