如何使用javascript获取另一个输入字段的值答案

【问题标题】：How to get value of another input field using javascript如何使用javascript获取另一个输入字段的值
【发布时间】：2016-02-03 07:09:34
【问题描述】：

如何在下一个输入字段中使用onblur() 查找文本字段的值。

我试过了：

function get_value() {

  var inv_nrs;
  inv_nrs = document.getElementsByTagName('text1').value;
  alert(inv_nrs);   
}

text1 是我试图获取价值的输入名称。
text2 是触发onblur() 的输入名称。

【问题讨论】：

getElementsByName() ???
getElementsByTagName 返回元素的集合，而不是单个元素。您必须对其进行索引才能访问集合的每个元素。
getElementsByName也是如此，这里大概就是你想要的功能了。 getElementsByTagName('text1') 查找像 <text1> 这样的元素。

标签： javascript html

【解决方案1】：

两个问题：

要通过name 属性获取元素，请使用document.getElementsByName()，而不是document.getElementsByTagName。
由于这些函数返回一个集合，而不是单个元素，因此您必须对它们进行索引以获取特定元素。

所以函数应该是：

function get_value() {

    var inv_nrs;
    inv_nrs = document.getElementsByName('text1')[0].value;
    alert(inv_nrs); 
}

【讨论】：

哦，谢谢......它的工作原理。 bt什么是[0]，没有它我无法得到输出
[0] 是索引号。 getElementsByName 返回一个元素列表。假设您有几个名为“text1”的输入，那么 [0] 是找到的第一个输入，[1] 是找到的第二个输入，[2] 找到的第三个输入等等

【解决方案2】：

这是一个简单的 sn-p，它说明了执行此操作的方法。
（您可能希望使用 alert 代替 console.log）

document.getElementById("text2").onblur = function() {
  console.log(document.getElementById("text1").value)
}

<input type="text" id="text1" value="123" />
<input type="text" id="text2" />

【讨论】：

【解决方案3】：

您在寻找 id = "text1" 或 real name = "text1" 的元素吗？至少如果是他们的 id 尝试getElementById("text1")，则返回一个元素。如果您谈论名称属性，请使用getElementByName("text1")，这可能会返回多个元素（如果有多个具有相同名称的元素）。

【讨论】：

我的输入字段的名称

【解决方案4】：

我想你想要这个？？？

function get_value() 
{

var inv_nrs;
inv_nrs = document.getElementById('txt1').value;
 document.getElementById('txt2').value=inv_nrs;
}

<input type="text" id="txt1" >
<input type="text" id="txt2" onblur="get_value()">

【讨论】：

【解决方案5】：

如果使用标记名搜索，则需要插入标记名：

document.getElementsByTagName('input')[whole_number].value 其中也返回一个实时的 HTMLCollection

例如。 document.getElementsByTagName("input")[0].value; ,如果这是您页面中的第一个文本框。

您也可以通过不同的方式获取 html 元素的值：

document.getElementsByName('text1')[whole_number].value 其中也返回一个活动的 NodeList

例如。 document.getElementsByName("searchTsxt")[0].value;如果这是页面中第一个名为“searchtext”的文本框。

也可以通过Id获取元素：

document.getElementById('IDHere').value 获取期望的值盒子

也可以通过Classname的方式获取：

使用 document.getElementsByClassName('class_name')[whole_number].value 它返回一个 Live HTMLCollection

祝你好运

【讨论】：