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

时间:2016-02-03 07:09:34

标签: javascript html

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

我试过了:

function get_value() {

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

text1是我想要获得价值的输入名称 text2是触发onblur()的输入名称。

5 个答案:

答案 0 :(得分:1)

两个问题:

  1. 要按name属性获取元素,请使用document.getElementsByName(),而不是document.getElementsByTagName
  2. 由于这些函数返回集合而不是单个元素,因此必须将它们编入索引以获取特定元素。
  3. 所以功能应该是:

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

答案 1 :(得分:0)

如果使用标记名进行搜索,则需要插入标记名:

  

document.getElementsByTagName('输入')[whole_number] .value   返回实时HTMLCollection

EG。 document.getElementsByTagName("输入")[0]。价值; ,如果这是您网页中的第一个文本框。

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

  

document.getElementsByName(' text1')[whole_number] .value   返回实时NodeList

     

EG。 document.getElementsByName(" searchTsxt")[0]。价值;如果这是   第一个带有名称' searchtext'的文本框在你的页面。

您还可以按ID获取元素:

  

document.getElementById(' IDHere')。获取所需值的值   框

您也可以通过Classname:

获取它
  

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

祝你好运

答案 2 :(得分:0)

您在寻找id =“text1”或真实姓名=“text1”的元素吗? 至少如果它是他们的id尝试getElementById("text1"),则返回一个单独的元素。如果你谈论name-attribute,取getElementByName("text1"),这可能会返回多个元素(如果有多个元素同名)。

答案 3 :(得分:0)

我想你想要这个???

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()">

答案 4 :(得分:0)

这是一个简单的片段,说明了实现此目的的方法 (您可能希望使用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" />