单击Form Submit，其中属性等于特定值

Click Form Submit where attribute equals specific value

本文关键字：属性 于特定 Form Submit 单击      更新时间：2023-09-26

我想用JS在这个表单元素上点击提交。

<input type="submit" value="Save Details">

表单没有一个ID来挂钩，唯一唯一的值是' value="Save Details"，页面上有多个表单。

我尝试了以下方法，但没有成功

document.getElementsByName('value')['Save Details].click();

使用querySelector，但也考虑type，因为任何text类型的输入都可以有类似的值。

document.querySelector('input[type="submit"][value="Save Details"]');

使用querySelector与css属性= selector

document.querySelector('[value="Save Details"]')


document.querySelector('[value="Save Details"]').click()
<input type="submit" value="Save Details" onclick="alert('hi')">

UPDATE 1:如果有多个元素具有相同的值，那么添加input[type="submit"]与选择器来针对输入提交元素。

document.querySelector('input[type="submit"][value="Save details"]');

UPDATE 2:如果你想提交表单，那么通过使用 Document.forms 获取表单，然后通过 submit() 方法提交。

document.forms[0].submit();
相关文章：