Jquery x-editable、bootstrap和symfony

我正在努力让x-editable、bootstrap和symfony正常工作

我可以让它有点摇摆不定，但我花了很长时间才理解如何将json响应放入下拉菜单。我对整个jquery、bootstrap和symfony世界都是新手，所以请对我放松：）

这是我正在加载下拉元素的内联元素：

<a href="#" id="myElement">Admin</a>

这是我从ajax得到的回应：

{"responseCode":200,"options":[{"value":0,"text":"Guest"},{"value":1,"text":"Service"},{"value":2,"text":"Customer"},{"value":3,"text":"Operator"},{"value":4,"text":"Support"},{"value":5,"text":"Guest"}]}

这就是当json响应返回到浏览器时我的下拉框的样子（附图片）

---

通过x-editable上的文档，我不知道该怎么办。任何地方都没有可用的示例。

您将对服务端点进行自己的ajax调用，然后将选项列表返回到源参数，如下所示：

$('#myElement').editable({
        type: 'select',
        value: 2,
        source: function(){
                 var obj; 
                $.get({
                 url: '{{ path('product_category_groups') }}',
                 success: function(resp){obj = resp.options;},
                 async: false,
                 dataType: 'json'
                 });
                 return obj;
        }
    });

---

X-editable需要

选项

数组的内容。是否有可能从服务器返回该阵列？

$('#myElement').editable({
        type: 'select',
        value: 2,
        source: function(){
                 var obj; 
                $.get({
                 url: '{{ path('product_category_groups') }}',
                 success: function(resp){obj = resp.options;},
                 async: false,
                 dataType: 'json'
                 });
                 return obj;
        }
    });