jEditable：提交后显示选项文本（而不是值）

Question

我在选择列表上使用 jEditable。除了以下问题之外，它工作得很好。 jEditable 在提交后显示服务器发回的任何内容。这对于文本框等非常有用，您可以在其中简单地从服务器发回提交的值。

然而，这对选择列表没有意义，因为发布的值只是选项元素的 Id。如果我将其发回，那么我的文本将更改为 ID，而不是之前的友好文本。

我怎样才能关闭这种行为？我不想再次使用提交的 ID 从数据库中获取文本值，只是为了将其发回以供显示。应该有一种方法来保留选项文本，然后让 jEditable 在提交后将其放回标签中。帮助？

Answer 1

只需在可编辑配置对象中添加一个回调，如下所示：

callback: function (value, settings) { 
      $(this).html(settings.data[value]);
 }

Answer 2

快到了。
我对 William Niu 的代码有两个问题。
首先，您无法通过这种方式访问​​变量数据，请使用settings.data 代替。
其次，变量 data 不是数组，而是字符串，因此 data[value] 不起作用。
这是我的代码，试试这个。

$(".editable").editable("yoursave.php", { 
    type   : 'select',
    data   : '{'E':'Letter E','F':'Letter F','G':'Letter G'}',
    callback: function(value, settings) {
        $(this).html(jQuery.parseJSON(settings.data)[value]);
    }
});

Answer 3

jEditable 提供了各种回调函数供您操作数据。这可能取决于您如何获取数据来填充选择。例如，如果您的数据是常量映射，则可以轻松地从返回的键中找到值：

var data = {'E':'Letter E','F':'Letter F','G':'Letter G'};

$('#editable').editable('some url', {
    type: 'select',
    data: data,
    callback: function(value, settings) {
        $(this).html(data[value]);
    },
    submit: 'ok'
});

示例： http ://jsfiddle.net/william/mT4XV/

Answer 4

Hammers 代码中的回调函数是正确的，但我在解析数据时遇到问题：

"JSON.parse: expected property name or '}' "

数据应该符合 json，意味着：
data : '{"E":"Letter E","F":"Letter F","G":"Letter G"}',

所以正确的代码就像

$(".editable").editable("yoursave.php", { 
    type   : 'select',
    data : '{"E":"Letter E","F":"Letter F","G":"Letter G"}',
    callback: function(value, settings) {
        $(this).html(jQuery.parseJSON(settings.data)[value]);
    }
});

如果你有一个您可以使用 Niu 的回调来使用简单数组而不是关联数组。

Answer 5

return $(this).find('option:selected').text();

在回调函数中对我有用:)

Answer 6

我有类似的问题。我正在使用 post 来运行和 loadurl。

通过将 var str = settings.target.apply(self, [input.val(), settings]); 修改为 var str = settings.target.apply(self, [input.val ()、设置、输入]); 我可以控制目标函数中的选择元素