Question

我有一个表单，我无法更改输入值字段名称。 HTML中的一个这样的字段如下：

<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>

现在在我的javascript中，我想访问该输入值。我尝试了这个，当然，因为[]看起来它不起作用就像JS中的数组一样。

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

问题是变量名称中包含[]。我怎样才能得到 javascript中的输入字段值？

Answer 1

这有效：

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

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

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

Answer 2

试试这样：

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

Answer 3

在现代浏览器中，使用querySelectorAll

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

或者如果你知道id，请尝试getElementById

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

或getElementsByName

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

以上三个将返回相同的结果

如何在输入名称中使用特殊字符访问javascript中的表单输入值？

3 个答案: