javascript - 用户输入后无法使用 jQuery 更改文本输入

Question

我有这张表:

当用户选择工作中心时，系统会发送请求以获取该工作中心的默认持续时间，然后将该值插入到相应的字段中。但用户可能希望指定不同的持续时间。仅当用户未进行手动更改时，持续时间的自动更新才会起作用。因此，如果我在最后一行的持续时间字段中输入 5，即使我更改工作中心，它也会卡在 5 处。

这是我的代码:

$(document).on('change', 'select.form-control', function() {
    var WorkCentre = $(this).val();
    var i = $(this).attr('row-number');
    SetDuration(WorkCentre, i);
});

$(document).on('change', '.duration', function() {
    console.log('change');
    UpdateDates();
});

function SetDuration(WorkCentre, i) {
    $.get("/getDuration", {'WorkCentre' : WorkCentre}, function(data){
    var duration = data;
    $('input[name="Ops['+i+'][Duration]"]').val(duration);

    });
}

此时，如果用户选择一个工作中心，将持续时间从默认值更改为自定义值，但随后决定选择了错误的工作中心并选择了一个新的工作中心，则新的默认持续时间不会更新

你可以在这里看到: https://www.youtube.com/watch?v=RFxwYlH7df8一旦我手动更改持续时间，它就会像这样卡住。

Answer 1

问题是下一行:(您引用的是选择元素，您应该引用所选项目):

var i = $(this).attr('row-number');//No return data

更改方式:

var i = $(this).find("option:selected").attr('row-number');//Return value of attribute

结果: https://jsfiddle.net/cmedina/4pkdros9/1/