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

Shy*_*dar 5 javascript dhtml

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

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

document.querySelectorAll('input[name=hey]').value;
Run Code Online (Sandbox Code Playgroud)

Sat*_*pal 13

您已经接近了, AsquerySelectorAll()返回一个列表,因此您可以使用索引器访问元素。

document.querySelectorAll('input[name=hey]')[0].value
Run Code Online (Sandbox Code Playgroud)

更好地使用 querySelector()

document.querySelector('input[name=hey]').value
Run Code Online (Sandbox Code Playgroud)


Muh*_*mar 5

如果您能够灵活地使用 JQuery,那么这就是答案。

    $("input[name=hey]").val();
Run Code Online (Sandbox Code Playgroud)

使用 Javascript,您可以像这样访问它:-

    document.getElementsByName('key')[0].value;
Run Code Online (Sandbox Code Playgroud)

看看这个 jsfiddle:-

https://jsfiddle.net/pLmvrdf3/