Получить данные из ФОРМЫ в javascript

Question

Мне нужно получить данные от FORM. Моя форма:

<form action="" id="test"> 
    <h2>Data</h2> 
    <label for="">Name</label> 
    <input type="text" name="name"> 
    <label for="">address</label> 
    <input type="text" name="address"> 
    <label for="">phone</label> 
    <input type="text" name="phone"> 
    <input type="button" onclick="xd()" value="click here"> 
</form> 

И для этого я использовал этот яваскрипт команды:

<script type="text/javascript"> 
function xd(){ 
//var x=document.forms["test"].getElementsByTagName("address") or 
var x=document.forms["test"].getElementsByTagName("address").value 
document.write(x); 
} 
</script> 

Но это не работает. Как это сделать легко.

Answer 1

Вы, кажется, ориентации элемента по его name атрибут (адрес), а не его атрибут tagName.

.getElementsByTagName находит все элементы контейнера, которые имеют специфическую tagName ... означая tagName для <a href="#">asdf</a> элемента «а».

Я хотел бы использовать:

<script type="text/javascript"> 
    function xd(){ 
     var inputs = document.forms["test"].getElementsByTagName("input"); 
     for (var i = 0 ; i < inputs.length; i++) { 
      if (inputs[i].name === "address") { 
       // `inputs[i]` is the element with the name "address" 
      } 
     } 
    } 
</script> 

Вы должны перебрать результаты и сравнить соответствующие элементы name атрибут против того, что вы хотите ... „адрес“.

Конечно, другой вариант заключается в использовании getElementsByName("address"), как:

var address = document.forms["test"].getElementsByName("address"); 
if (address.length > 0) { 
    // `address[0]` is the element with the name "address" 
} 

И последний вариант заключается в использовании querySelectorAll('input[name="address"]'), как:

var address = document.forms["test"].querySelectorAll('[name="address"]'); 
if (address.length > 0) { 
    // `address[0]` is the element with the name "address" 
} 

Answer 2

У вас нет тегов «адрес» .Instead имени поместить id.It легко для и

<input type="text" name="address" id="addressId"> 
var x=document.forms["test"].getElementsById("addressId").value 

или использовать

var inputs = document.forms["test"].getElementsByTagName("input"); 

for (var i = 0 ; i < inputs.length; i++) { 
      if (inputs[i].name === "address") { 
       // `inputs[i]` is the element with the name "address" 
      } 
     } 

Answer 3

ли вы имеете в виду getElementsByName("address")[0]?