Reading form field data in Javascript

Question

I just can't get this to work.

HTML:

<form action="index.php?page=n0402" method="post" Name="AddPolish" >
    <div id="frmBrandInput">
        <label for="frmBrand">Brand name:</label>
        <input type="text" name="frmBrand" size="50" onkeypress="BrandCheck();" maxlength="100" id="frmBrand" value="Enter existing or new brand"  />
        <span id="frmBrand_Status"></span>
    </div>
</form>

Javascript:

function BrandCheck()
{
    var jsBrandName = document.forms["AddPolish"]["frmBrand"].value;
    alert(jsBrandName);
}

Why can't I get the value of frmBrand into jsBrandName? If I use Firebug to debug, I get the following in my Watch list: Watch Expression:

document.forms["AddPolish"]["frmBrand"];

Result:

NodeList[input#frmBrand property value = "G" attribute value = "Enter existing or new brand", input#frmBrand attribute value = ""]

I can see the value "G" which is what I entered in the input field. What am I doing wrong in passing it into the jsBrandName?

Is that really the actual HTML? Are there more than one "frmBrand" <input> elements? That's why the value is a NodeList and not a simple single input element. — Pointy
– Pointy, Commented Dec 30, 2013 at 23:17
I don't think action='index.php?page=n0402' will work, with a $_GET URL like ?page=n402. Use <input type='hidden' name='page' value='n0404' /> instead. — StackSlave
– StackSlave, Commented Dec 30, 2013 at 23:27

Barmar · Accepted Answer · 2013-12-30 23:21:10Z

1

The output you got implies that there are two inputs with name="frmBrand" in the form. You need to index them, e.g.

var jsBrandName = document.forms["AddPolish"]["frmBrand"][0].value;

to get the value of the first one.

answered Dec 30, 2013 at 23:21

Barmar

789k57 gold badges554 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Gabrie Over a year ago

<insert lots of swearing> You were right. Somewhere way down in the html page, I had forgotten to change a frmBrand ID after copy/pasting. Thank you, it works now!

Collectives™ on Stack Overflow

Reading form field data in Javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related