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

Posted 2023-05-07

【中文标题】如何使用Javascript等待值在html中更改[重复]

【英文标题】：how do I wait for value to change in html using Javascript [duplicate]

【发布时间】：2018-02-28 16:41:45

【问题描述】：

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

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

加载完成后，按钮变为：

<input type="submit" name="commit" value="remove" class="button remove">

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

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

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

【问题讨论】：

如果答案有助于记住将其标记为正确:) 祝你好运！

没用 sry 尽力了 :(

【参考方案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 回调。