如何更改引导可编辑元素中的数据值？

Question

我使用引导可编辑插件允许用户编辑屏幕上的字段。单击其中一个字段时，会显示一个小弹出窗口，允许用户从下拉列表中进行选择，下拉列表旁边有一个复选标记，以允许用户将值应用于该字段。我的标记有一个简单的锚，看起来像这样：

<a href="#" id="primaryoption_1" data-type="select" data-name="option" data-value="0" class="editable-discreet">Split EM/SEM</a>

我的jQuery代码具有以下功能：使用引导启用此功能：

 var gaPrimaryOptions = [
    { value: 0, text: 'Split EM/SEM' },
    { value: 1, text: 'Only EM' },
    { value: 2, text: 'Only SEM' }
    ];

$("a[id^=primaryoption_][id!='primaryoption_{departmentid}']").editable({
        source: gaPrimaryOptions,
        onblur: 'submit'
    });

如果您注意到我的标记有一个默认值为"0"的data-value属性。

我遇到的问题是当用户从下拉列表中选择另一个项目并单击复选标记时，如何将data-value更改为适当的值。即使用户选择了另一个值为“1”的项目，如“仅EM”，我的数据值总是保持为“0”。

Answer 1

如何使用浏览器中的开发工具检查值？如果是这样，我认为你不会看到价值像你希望的那样变化。

问的原因是因为代码看起来很好，试试这个：

var gaPrimaryOptions = [
    { value: 0, text: 'Split EM/SEM' },
    { value: 1, text: 'Only EM' },
    { value: 2, text: 'Only SEM' }
];


$("a[id^=primaryoption_][id!='primaryoption_{departmentid}']").editable({
    source: gaPrimaryOptions,
    onblur: 'submit',
    validate: function(value) {
        console.log("You've chosen " + value);
    }, success: function(response, newValue) {
        console.log("New value is " + newValue);
    }
});

current_value = $("a[id^=primaryoption_][id!='primaryoption_{departmentid}']").editable('getValue', true);
console.log("Curent value is " + current_value);

http://jsfiddle.net/3KkZd/375/