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

Это работает фантастически, как видно на этой скрипке, с одной оговоркой: о выборе пункт меню, он не отправляет его. Я хочу, чтобы событие click отправило выбранное значение, не нажимая «OK». - https://jsfiddle.net/t24ph41t/2/

Это легко решить, изменив свойство onblur объекта jEditable на select. Тем не менее, проблема с текущим сценарием является исходное событие нажмите автоматически открывает & закрывает меню Избранным, как видно на этой скрипке: - https://jsfiddle.net/t24ph41t/3/

Я ищу комбинацию обоих: как я могу выбрать встроенный элемент с помощью выбранного плагина, отредактируйте его и выбирая, введите значение, как будто это просто элемент jEditable?

Answer 1

Я был в состоянии получить эту функцию, добавив следующий скрипт:

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