如何使用Javascript等待值在html中更改[重复]答案

【问题标题】：how do I wait for value to change in html using Javascript [duplicate]如何使用Javascript等待值在html中更改[重复]
【发布时间】：2018-02-28 16:41:45
【问题描述】：

我正在制作一个自动购买的 chrome 扩展程序，但有时网站有点慢，加载已放入购物车的商品可能需要一些时间。 “放入篮子”按钮如下所示：

&lt;input type="submit" name="commit" value="add to basket" class="button"&gt;

加载完成后，按钮变为：

&lt;input type="submit" name="commit" value="remove" class="button remove"&gt;

如何等待按钮更改然后转到结帐页面？现在我有这个代码：

if ($(".button[name=commit]").val() == "remove"){
 	  	window.open("checkout page");
  	}

但是结帐页面不会打开，因为在页面加载时该值是“添加到购物篮”。希望这不会太混乱

【问题讨论】：

如果答案有助于记住将其标记为正确:) 祝你好运！
没用 sry 尽力了 :(

标签： javascript jquery html google-chrome-extension

【解决方案1】：

我将发布一个通用示例，以便您适应您的问题：

<input type="submit" name="commit" value="add to basket" class="button">

$( document ).ready(function() {
   // Add a listener on your button
   document.getElementsByName("commit")[0].addEventListener('change', doSomething);
});

function doSomething(){
   alert('change');
}

当您的输入值从“添加到购物篮”更改时，将调用 doSomething 回调。

【讨论】：