如何更改标签 html 已更改？

Question

当我点击提交按钮时，更改 html 一个标签但是 jquery 更改事件没有捕捉到这一点。

如何更改 html 标记文本已更改？

$('#aTag').change(function() {
  $('#textReulst').val('changed');
});

$('#submit').click(function() {
  $('#aTag').html('123');
});

Answer 1

我做了一个 fiddle，问题是你需要在锚标签上触发 change 事件，就像这样。

 $('#aTag').trigger('change');

Answer 2

function txtchange(){
  $('#textReulst').val('changed');
}

$('#submit').click(function() {

    $('#aTag').html('2222');
    txtchange();
});

Answer 3

这里我不使用触发器看看UPADATED : JSFIDDLE

希望这有助于 you.Use 触发您的结果。 JSFiddle

添加这个：

  $('#aTag').change(function() {
  $('#submit').val('changed');
});

  $('#textReulst').click(function() {
  $('#aTag').html('123');
});

Answer 4

您需要触发您的 .change 函数。

$('#aTag').change(function() {
  $('#textReulst').val('changed');
});

$('#submit').click(function() {
    $('#aTag').html('123');
    $( "#aTag" ).change();
});

Answer 5

.change() 事件仅限于 [input] 个元素、[textarea] 个盒子和 [select] 个元素。对于 [select]、[input:type=checkbox] 和 [input:type=radio] 按钮，当用户使用鼠标进行选择时会立即触发事件，但对于其他元素类型，event 会延迟直到元素失去焦点。

我猜你是将更改事件绑定到其他类型的元素，你需要在 innerHtml 更改后手动触发事件。

Answer 6

您必须使用 jquery 触发器 api 才能实现您想要的功能。

为此，您可以创建一个新的自定义 jquery Api，如下所示

jQuery.fn.htmlChange = function (new_html) {
    $(this).html(new_html);
    $(this).trigger('change');
};

并在标记更新时需要触发更改事件时调用上述 Api。

你可以像下面这样调用上面的函数

$('#aTag').htmlChange('123');

这是工作示例FIDDLE

希望对你有用。

Answer 7

您好请使用以下代码，点击提交后触发您的更改事件：

$('#aTag').change(function() {
   $('#textReulst').val('changed');
});

$('#submit').click(function() {
   $('#aTag').html('123');
   $("#aTag").trigger("change");
});

使用这个 JS Fiddle URL : https://jsfiddle.net/1mc0y33k/3/

如何更改标签 html 已更改？

How do I get change a tag html changed?

html

jquery

onchange