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

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/newAWw/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/