如何使用名称属性查找输入字段的值？

Posted 2023-02-21

【中文标题】如何使用名称属性查找输入字段的值？

【英文标题】：How to find value of input field using name attribute?

【发布时间】：2017-10-02 12:31:43

【问题描述】：

如何使用 javascript 通过其名称属性访问此输入字段的值

<input type='text' name='hey'>

document.querySelectorAll('input[name=hey]').value;

【参考方案1】：

你很接近，因为querySelectorAll() 返回一个列表，因此你可以使用索引器访问元素。

document.querySelectorAll('input[name=hey]')[0].value

更好地使用querySelector()

document.querySelector('input[name=hey]').value

【参考方案2】：

如果您可以灵活地使用 JQuery，这里就是答案。

    $("input[name=hey]").val();

使用 Javascript，您可以像这样访问它：-

    document.getElementsByName('key')[0].value;

看看这个jsfiddle：-

https://jsfiddle.net/pLmvrdf3/

【参考方案3】：

你可以使用

document.getElementsByName(name)

既然你想要javascript？还是你想要 JQuery？ 干杯！

【讨论】：

这是正确的。但这会返回一个数组。所以你必须使用'document.getElementsByName(name)[0].value'来获取值