Question

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

我试图这样做，以便每次用户更改输入值时，确认部分中的相应值会更改以匹配该新值。除了在一个输入字段的值基于另一个输入字段的变化而改变的情况下，它工作正常。

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

$('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);
}

Answer 1

尝试

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

jsfiddle http://jsfiddle.net/guest271314/5M89n/

基于输入字段的编程变化触发事件

1 个答案: