在 dom 元素值中使用 vanilla js 设置值不起作用答案

【问题标题】：setting values with vanila js in dom element value is not working在 dom 元素值中使用 vanilla js 设置值不起作用
【发布时间】：2022-01-01 15:39:24
【问题描述】：

这是一个网站https://secure.givelively.org/donate/lifesteps 我想在这里用简单的 js/jquery 输入自定义值当我们点击继续时它不起作用

我试过了

document.querySelector("#custom-input-element").click()

和

 document.querySelector("#custom-input-element").focus()

和

document.querySelector("#custom-input-element").value='1';

所有这些都不起作用

【问题讨论】：

你好 @Andy 在 250$ 之后有一个自定义输入字段
如果我们在控制台中编写并执行此语句，则最后一个正在工作
嘿@decpk 它可以工作，但是当我们提交它时，请选择值，如果它继续，我们在下一页有 25 $ 默认选择值
查看附件截图@Andy
哈。我使用 uMatrix 来防止加载 JS 脚本（我想有点讽刺）。当我允许他们访问时，我可以看到表格。不过，这些信息可能对您有用：您必须等待这些脚本加载并更新 DOM，然后您的脚本才能运行。

标签： javascript jquery dom

【解决方案1】：

let elem = document.getElementById("custom-input-element");  
const prevVal = elem.value;
elem.value = 1;//Your Value
elem._valueTracker.setValue(prevVal);
let event = new Event("input", { target: elem, bubbles: true });
elem.dispatchEvent(event);

【讨论】：

【解决方案2】：

试试

$('#custom-input-element').click(() => console.log(clicked));

我只是在我的机器上使用它以确保它可以正常工作，或者确保 html id 没有拼写错误

【讨论】：