W3c document.forms [0] .fieldname equivalent

Question

I used

document.forms[0].fieldname.value

to get the values ​​in javascript from the form, but I would like to use the name to refer to the field, not 0, what would be the equivalent these days as it <form name="formname">doesn't match?

Answer 1

The easiest way is to add an identifier to the input: <input id="fieldname" />and specify a value from JavaScript as follows:

document.getElementById('fieldname').value

or if you use jQuery

$('#fieldname').val();

Answer 2

the collection of forms is standard DOM 1, there is nothing wrong with using it.

document.forms.formId.elements.field

Answer 3

name= document.forms ' ?

i.e.: ()

<form name="form1">.insert.your.elements.here.with.name.attribute.set.</form>

JS:

document.forms["form1"]["form_item_name"].value;

, , , pls ...: -)

Answer 4

id getElementById:

var value = document.getElementById('idofelement').value;

Answer 5

(document.forms - , .)

a id document.getElementById.

<input type="text" name="fooName" id="fooId" />
...
document.getElementById("fooId").value;

id, document.getElementsByName, , .

document.getElementsByName("fooName")[0].value;