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

就像在小提琴中看到的那樣，這非常棒，但有一個警告：選擇菜單項時，它不會提交。 我希望單擊事件提交選定的值，而不必單擊“確定”。 -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");
});