如何使用querySelector on通过名称选择输入元素？

我最近在该站点上获得了帮助，希望使用querySelector诸如上的表格输入，select但是一旦我拿出<select>它，就完全改变了功能中必须执行的操作。

HTML：

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

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但似乎无法弄清楚。

为了明确我正在拉name="pwd"。

我该怎么办？

您可以尝试'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/

我知道这很旧，但是最近我遇到了同样的问题，我设法通过仅访问如下属性来选择元素： document.querySelector('[name="your-selector-name-here"]');

以防万一有人会需要这个:)

1-您需要使用'}'关闭该函数的块，该块已丢失。

2-querySelector的参数不能为空字符串''或''...全部使用'*'。

3-这些参数将返回所需的值：

querySelector('*')

querySelector('input')

querySelector('input[name="pwd"]')

querySelector('[name="pwd"]')

这些示例似乎效率不高。如果要对值采取行动，请尝试以下操作：

<input id="cta" type="email" placeholder="Enter Email...">
<button onclick="return joinMailingList()">Join</button>

<script>
    const joinMailingList = () => {
        const email = document.querySelector('#cta').value
        console.log(email)
    }
</script>

如果您使用this带有粗箭头（=>）的关键字，则会遇到问题。如果需要这样做，请上旧学校：

<script>
    function joinMailingList() {
        const email = document.querySelector('#cta').value
        console.log(email)
    }
</script>

如果您正在使用密码输入，则应使用，type="password"以便在用户键入时它将显示******，这也更具语义。

所以...您需要更改代码中的某些内容

<form method="POST" id="form-pass">
Password: <input type="text" name="pwd" id="input-pwd">
<input type="submit" value="Submit">
</form>

<script>
var form = document.querySelector('#form-pass');
var pwd = document.querySelector('#input-pwd');
pwd.focus();
form.onsubmit = checkForm;

function checkForm() {
  alert(pwd.value);
}
</script>

尝试这种方式。

querySelector()与文件中的编号相符。您必须在中输入密码ID.html

然后把它传递给querySelector()同#symbol & .value property。

例：

let myVal = document.querySelector('#pwd').value