Question

当我点击提交按钮时，更改html标签但是jquery改变事件并没有抓住这一点。

如何更改html标签文字的更改？

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

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

Answer 1

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

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

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

使用此JS Fiddle URL： https://jsfiddle.net/1mc0y33k/3/

Answer 2

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

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

Answer 3

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

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

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

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，如下所示

{10,0,-10} {20,0,-20}
{-10,10,0} {20,-10,0}

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

您可以调用上面的功能，如下所示

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

以下是工作示例FIDDLE

希望它适合你。

Answer 7

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

希望这对你有所帮助。使用你的结果触发器。 JSFiddle

添加：

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

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

如何更改标签html的更改？

7 个答案: