单击表单提交，其中属性等于特定值

Question

我想使用JS点击此表单元​​素上的提交。

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

表单没有要挂钩的ID，唯一的唯一值是`value =＆＃34; Save Details＆＃34;并且页面上有多个表单。

我试过以下但没有运气

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

Answer 1

将querySelector与css attribute equals selector

一起使用

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

＆＃13;

＆＃13;

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

＆＃13;

<input type="submit" value="Save Details" onclick="alert('hi')">

＆＃13;

＆＃13;

＆＃13;

UPDATE 1：如果有多个元素具有相同的值，则使用选择器添加input[type="submit"]以定位输入提交元素。

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

更新2 ：如果您尝试提交表单，请使用 Document.forms 获取表单，然后通过 {{3}提交方法。

document.forms[0].submit();

Answer 2

使用querySelector，但也要考虑type，因为任何类型文字的输入都可以具有相似的价值。

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