从x-editable select中获取值到使用Jquery的另一个输入？

Question

我有用于选择隐私设置的x-editable插件。现在我的想法和需要是从另一个独立的文本输入中的菜单中获取选定的值。我写了一段代码，但id不起作用，我不知道为什么......我错过了什么或什么？

现状：http://jsfiddle.net/neAWw/

HTML：

<a href="#" id="privacy" data-type="select" data-pk="1" data-value="1" data-original-title="Select visibility">public</a> 

    <input id="privacy_result" class="privacy_result" value="1"/> 

</div> 

脚本：

$('#privacy').editable({ 
    showbuttons: false, 
    unsavedclass: null, 
    type: 'select', 
    inputclass: 'input-medium privacy-select', 
    source: [ 
     {value: 1, text: 'public'}, 
     {value: 2, text: 'approved contacts only'}, 
     {value: 3, text: 'matching contacts'}, 
     {value: 4, text: 'invisible'} 
    ], 

}); 

$(function(){ 
     $('.privacy-select').on('change keyup blur', function(){ 
      $('.privacy_result').val($('.privacy-select').val()); 
     }).blur(); 
    }); 

Answer 1

我不知道该插件，但尝试这样的事： （见HTML标记在小提琴）

http://jsfiddle.net/neAWw/2/

$(function(){ 
      $('.parentToDelegate').on('change keyup blur', ".privacy-select", function(){ 
       $('.privacy_result').val($('.privacy-select').val()); 
      }).blur(); 
     }); 

Answer 2

您也可以简单地将下面的行添加到您的编辑功能作为一个额外的属性：

success:function(){ 
      $('.privacy_result').val($('.privacy-select').val()); 
    } 

给你一个例子：http://jsfiddle.net/neAWw/2/embedded/result/