javascript - 抓取用户输入

Question

First name: <input type="text" name="firstname"></input>
<input type="submit" value="Submit" />

假设我有上面的简单表格。我将如何获取用户在 JS 的名字字段中输入的内容。我试过了：

document.getElementsByTagName("input")[1].onclick = function() {
    inputted = document.getElementsByTagName("input")[0].innerHTML;
}

但这不起作用。我该怎么做？

Answer 1

用于value文本输入：

 inputted = document.getElementsByTagName("input")[0].value;

还要确保将var关键字添加到变量中，以免创建全局变量：

var inputted = document.getElementsByTagName("input")[0].value;

您也不应该放置结束</input>标签，因为它是自结束标签：

<input type="text" name="firstname" />

---

顺便说一句，您还可以使用以下语法获取元素值：

formName.elementName.value;

或者

document.forms['formName'].elementName.value;

在您的情况下，它将是：

var inputted = formName.firstname.value;

或者

var inputted = document.forms['formName'].firstname.value;

替换formName为您的<form>元素的任何名称。

---

value最后，如果您申请它，您还可以获得元素id：

<input type="text" name="firstname" id="firstname" />

然后使用getElementById：

var inputted = document.getElementById('firstname');

Answer 2

 var inputs=document.getElementsByTagName("input"),
      i=inputs.length;
 //
    while(i--){
               inputs[i].onclick=myClickEventHandler;
     };
//
 function myClickEventHandler(evt){
    var myVal;
     switch (this.name) {

        case 'firstname':

             myVal = this.value;
            break;
    };
 };

Answer 3

如果您使用的是表单，则可以尝试这样的事情：

var input = document.forms["formName"]["fieldName"].value;

否则，使用.value属性：

var input = document.getElementsByTagName("input")[0].value;