如何使用值设置x-editable select并查看单击文本？

Question

我有一个选择输入，数据由ajax加载，宽度div很小（只有2个字符）。

我需要使用值设置选择输入（成功时），但是单击选择时显示文本。

情况：https://jsfiddle.net/9u7qm28h/

HTML：

<div id="my_id" style="margin: 50px">
  Select item: <a href="#" data-pk="1" data-value="1">1</a>
  Select item: <a href="#" data-pk="3" data-value="3">3</a>
</div>

我的剧本：

$('#my_id a').editable({
  showbuttons: false,
  type: 'select',
  title: 'Select item',
  source: [
    {value: 1, text: 'this is the item #1'},
    {value: 2, text: 'this is the item #2'},
    {value: 3, text: 'this is the item #3'},
    {value: 4, text: 'this is the item #4'},
    {value: 5, text: 'this is the item #5'}
  ] });

任何建议将不胜感激。谢谢！

Answer 1

您可以使用锚标记的title属性来添加锚标记的描述。它将在悬停时显示。