Javascript 基于另一列填充BootstrapTable x-editable选择框

我有一个可引导的选择框。我知道您可以使用函数填充选择框中的值。我希望该函数根据第二列的值（称为

Text\u example

）更改它提供的数组

因此，在我的示例中，如果该行的

Text\u example

为

1

，则选择框应具有以下数据：

[{1:1}]

。如果该行的

Text\u示例

为

2

，则选择框应包含以下数据：

[{2:2}]

我想我的问题是，我不知道如何只将行的数据传递给函数

get\u values

，因为我的方法似乎不起作用

全小提琴：

编辑：我过度简化了我的例子。我需要一个选择框来代替

text\u示例

的静态字段，其中

select\u示例

的值根据用户在

text\u示例

中选择的内容进行更改

---

更新的JSFIDLE:

您可以在bootstraptable库上使用oninit处理程序。并通过迭代数据对象添加可编辑项

var data = [{"Text_example": 1},{"Text_example": 2}];

$('#table').on('editable-init.bs.table', function(e){
    var $els =  $('#table').find('.editable');
     $els.each(function(index,value){
            $(this).editable('option', 'source', data[index])
     });

});
$('#table').bootstrapTable({
  columns: [
   {
      field: 'Select_example',
      title: 'Select_example',
      editable: {
        type: 'select'
      }
    },
    {
      field: 'Text_example',
      title: 'Text_example'
    }
  ],
  data: data
});

JSFIDLE链路

---

这很好，确实回答了我的问题，但我愚蠢地过度简化了我的模型。我需要选择框是基于另一个选择框，用户可以更改。这不适用于此，因为它在初始化时设置值。我已经对我的问题进行了编辑。你介意看一下吗？是的，当然，我会看看it@user2242044我已经根据编辑进行了更新。谢谢你，太棒了。在24小时内我不会给你赏金，但我明天会回来给你。谢谢。。酷。

var data = [{"Text_example": 1},{"Text_example": 2}];

$('#table').on('editable-init.bs.table', function(e){
    var $els =  $('#table').find('.editable');
     $els.each(function(index,value){
            $(this).editable('option', 'source', data[index])
     });

});
$('#table').bootstrapTable({
  columns: [
   {
      field: 'Select_example',
      title: 'Select_example',
      editable: {
        type: 'select'
      }
    },
    {
      field: 'Text_example',
      title: 'Text_example'
    }
  ],
  data: data
});