来自json编码的自动完成源

时间:2018-05-18 06:11:20

标签: javascript json jquery-ui-autocomplete

我想从数组中获取自动完成源,我使用json_encode从twig symfony中检索数组的数据。问题是我不知道如何在自动完成源中使用该数组。

这是我的HTML代码:

desc_container

我的javascript在这里:

<div class="desc_container">
    <p> Some contents! <p>
    <p> &nbsp </p>
    <p> Again some contents! <p>
    <p> &nbsp </p>
</div>

<script>
    jQuery(document).ready(function(){
      // This will give me all the <p> tags
      $('.desc_container').find('p');

      // This is what i want
      $('.desc_container').find('p').containsOnly('&nbsp');
    }
</script>

1 个答案:

答案 0 :(得分:0)

如果你想使用autocomplete在jquery ui中,你的数组项应该是字符串 因此,您可以使用此代码将数组项转换为字符串:

for (let i = 0; i < userlist.length; i++) {
    datasource[] = userlist[i].name;
}

但如果您想在用户选择标签时保存ID,则应使用具有搜索功能的Select元素。

有很多jquery插件可以做到这一点,这是一个很好的例子:

https://select2.org/