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

时间:2013-07-09 11:05:19

标签: jquery x-editable

我有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();
    });

2 个答案:

答案 0 :(得分:2)

我不知道插件但尝试这样的事情: (参见小提琴中的HTML标记)

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

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

答案 1 :(得分:0)

您也可以将以下行添加到可编辑功能中作为额外属性:

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

这是一个例子:http://jsfiddle.net/neAWw/2/embedded/result/