Question

我使用bootstrap x-editable让用户输入值。这是我的代码：

    var supportSecondaryOptions = [
    { value: 'A', text: 'Prorated based on direct hours' },
    { value: 'B', text: 'Prorated based on client team HC' },
    { value: 'C', text: 'Explicitly defined percentage' }
    ];

 $("a[id^=secondaryoption_][id!='secondaryoption_{departmentid}']").editable({
        source: supportSecondaryOptions,
        onblur: 'submit',
        success: function (response, newValue) {
            $(this).attr("data-value", newValue);
        }
    });

这基本上会显示一个弹出窗口，其中包含用户选择的select元素。现在我被要求添加另一个功能。如果用户选择特定项目（即显式定义的百分比），则输入元素必须出现在弹出窗口中的select元素旁边，其中用户必须输入比率，即＆＃34; 60/40＆＃34;。我尝试使用tpl选项输入html作为输入，但后来我丢失了选择。所以我试着将整个html写入tpl，如下所示：

tpl: '<select class="form-control input-sm">' +
            '<option value="A">Prorated based on direct hours</option>' +
            '<option value="A">Prorated based on client team HC</option>' +
            '<option value="A">Explicitly defined percentage</option></select>' +
            ' <input style="width:50px;"></input>',

但是现在输入默认显示该值。我确信有一种更好的方法可以用x-editable来做到这一点。有人可以指导我朝正确的方向发展吗？

Answer 1

可能会将onchange事件挂钩到select？

$(".editable-input select").on('change', function () {
    $(this).after('<input style="width:50px;"></input>');
}

如何在x-editable popup中的select旁边添加输入

1 个答案: