如何使用querySelector on按名称选择输入元素？ [英] How can I use querySelector on to pick an input element by name?

问题描述

我最近在此网站上收到了关于在表格输入上使用 querySelector 的帮助，例如选择但是我拿了< select> ，它完全改变了在函数中必须完成的操作。

I recently received help on this site towards using querySelector on a form input such as select but as soon as I took <select> out it completely changed what had to be done in the function.

HTML：

<form onsubmit="return checkForm()">
    Password: <input type="text" name="pwd">
    <input type="submit" value="Submit">
</form>

Javascript：

Javascript:

<script language="Javascript" type="text/javascript">
    debugger;
    function checkForm() {
        var form = document.forms[0];
        var selectElement = form.querySelector('');
        var selectedValue = selectElement.value;

        alert(selectedValue);
</script>

之前，我有（'select'）对于 querySelector ，但现在我不确定要放在那里。

我尝试了多种方法以及 querySelectorAll 但我似乎无法弄明白。

Before, I had ('select') for the querySelector, but now I'm unsure what to put there.
I've tried multiple things as well as querySelectorAll but I can't seem to figure it out.

要清楚我要拉 name =pwd。

我怎么能这样做？

推荐答案

你可以尝试'输入[name =pwd ]'：

You can try 'input[name="pwd"]':

function checkForm(){
     var form = document.forms[0];
     var selectElement = form.querySelector('input[name="pwd"]');
     var selectedValue = selectElement.value;
}

看一下这个 http://jsfiddle.net/2ZL4G/1/

这篇关于如何使用querySelector on按名称选择输入元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！