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

Question

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

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

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

原文由 Shyam Sundar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

更好地使用 querySelector()

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

如果您输入的名称本身包含方括号，例如 hey[] ，您可以将名称括在双引号中：

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

原文由 Satpal 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

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

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

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

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

看看这个 jsfiddle：-

https://jsfiddle.net/pLmvrdf3/

原文由 Muhammad Umar 发布，翻译遵循 CC BY-SA 3.0 许可协议