jEditable 和选择组合

Question

我正在使用 jQuery 插件 jEditable & Chosen 通过以下脚本创建内联编辑：

$('.inline_edit_menu').editable('ajax.php', { // http://polyetilen.lt/en/jquery-jeditable-and-chosen-hybrid
    data: "{'5':'Complete - No further action','4':'Unsatisfied - additional steps required','3':'Unsatisfactory - Re-Evaluate','2':'Test','1':'Pending','0':'Not Applicable'}",    
    indicator: 'Saving...',
    tooltip: 'Click to edit...',
    style: "inherit",
    onblur: "ignore",
    type   : 'select',
    submit : 'OK',
    submitdata: function (value, settings) {
        //do stuff
    }
}).on('click', function(){
            $(this).find('select').chosen();
}).on('click', function(){
    $('select').trigger('chosen:open');  
});

效果非常好，如 fiddle 所示，但有一个警告：在 select 编辑菜单项时，它不会提交。我希望点击事件提交值 selected，而不必点击 "OK"。 -https://jsfiddle.net/t24ph41t/2/

将 jEditable 的 onblur 属性更改为 select 即可轻松解决此问题。但是，当前脚本的问题是初始点击事件会自动打开和关闭选择菜单，如 fiddle 所示： -https://jsfiddle.net/t24ph41t/3/

我正在寻找两者的组合：如何 select 使用所选插件的内联元素，编辑它并在选择时提交值，就好像这只是一个 jEditable 元素一样？

Answer 1

我能够通过添加以下脚本获得此功能：

$(document).on('change', '.inline_edit_menu select', function () {
    $(this).trigger("submit");
});

jEditable 和选择组合

jEditable & Chosen combined

javascript

jquery

jeditable

jquery-chosen