Jquery 基于输入字段的编程更改触发事件

我正在写一份表格。最后有一个部分显示用户输入的所有值以供确认

我试图让它，以便每次用户改变输入值的相应值在确认部分的变化，以匹配新的值。除了一个输入字段的值根据另一个输入字段的变化而变化的情况外，它工作正常

换句话说，它只捕获用户直接输入的更改，而不是编程更改。例如，当用户选择一个下拉列表中的值时，单独下拉列表中的值可能会自动设置为特定值，但这不会注册为更改-因为用户没有直接更改-因此新值不会显示在确认页面上

$('input[class*="js-input-"]').change(confirmItem);
$('select[class*="js-input-"]').change(confirmItem);

function confirmItem() {
var changedItem = event.target.className;
var value = $('.' + changedItem).val();
$('.' + changedItem + '-confirm').text(value);
}

试一试

JSFIDLE

$(".js-input").on("change", function(e) {
  $(".js-input-confirm").text($(e.target).val());
}).change();