How to access form input value in javascript with special characters in input name?

Question

I have a form for which I cannot change the input value field names. One such field is in the HTML as follows:

<body>
<form id="f" method="get" action="/code/submit.php">
<input type="text" name="var[list]" id="ixv[list]" value="">
<button type="button" title="Save" onclick="check();">
</form>
</body>

Now in my javascript, I want to access that input value. I tried this, and of course it doesn't work since [] looks like an array in JS.

function check() {
var x=var[list].value;
alert(x);
}

The problem is that the variable name has [] in it. How can I get that input field value in javascript?

That's why http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html. — coma, May 04 '13 at 16:14

score 2 · Answer 1 · answered May 04 '13 at 16:15

2

this works:

http://jsfiddle.net/mqv82/1/

<input type="text" name="var[list]" id="ixv[list]" value="foo">

alert(document.getElementById('ixv[list]').value);

answered May 04 '13 at 16:15

coma

16,429
4
51
76

BYTE RIDER · Answer 2 · 2013-05-04T17:51:42.000

1

Try it like this:

var x = document.getElementsByName("var[list]")[0].value;

edited May 04 '13 at 17:51

answered May 04 '13 at 16:14

BYTE RIDER

169
2
12

1

this will returns error , `document.getElementsByName` returns a HTMLCollection ! – rab May 04 '13 at 16:25

score 0 · Answer 3 · answered May 04 '13 at 16:21

In modern browser, use querySelectorAll

document.querySelectorAll('[name="var[list]"]')[0].value

or if you know id try getElementById

document.getElementById('ixv[list]').value

or getElementsByName

document.getElementsByName('var[list]')[0] .value

Above three will returns same result

How to access form input value in javascript with special characters in input name?

3 Answers3