jEditable &选择组合

Question

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

$('.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');  
});

这是非常棒的，就像在这把小提琴里看到的，但有一个警告:在选择菜单项时，它不提交它。我希望单击事件提交所选的值，而不必单击“确定”。-https://jsfiddle.net/t24ph41t/2/

通过将jEditable的onblur属性更改为select可以很容易地解决这一问题。但是，当前脚本的问题是初始单击事件会自动打开并关闭所选菜单，如下面的https://jsfiddle.net/t24ph41t/3/所示

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

Answer 1

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

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