如何使用 Javascript 中的变量动态构造文档元素字符串？

Question

这让我抓狂，我确信这是可能的，而且做起来肯定很简单。

我有一个页面，上面有一大堆动态创建的表单。在我的一个函数中，我需要访问这些表单之一，因此我将表单的名称传递到变量中。

然后我需要使用文档树访问该表单的名称。

但是，当我输入变量时，它假定变量的名称是表单的名称。

所以这不起作用：

function myAwesomeFunction(nameOfForm)
{
 var selection = document.nameOfForm.nameOfInput.selectedIndex;
}

所以我环顾网络，发现我需要使用括号表示法，但这也不起作用：

function myAwesomeFunction(nameOfForm)
{
 var selection = document[nameOfForm].nameOfInput.selectedIndex;
}

我还尝试了一些引用操作：

function myAwesomeFunction(nameOfForm)
{
 var selection = document['nameOfForm'].nameOfInput.selectedIndex;
}

...但没有喜悦。

那么，我哪里出错了？

对于奖励积分...如果表单的名称和特定输入的名称都是动态的怎么办？然后呢？

function myAwesomeFunction(nameOfForm, nameOfInput)
{
 var selection = document[nameOfForm][nameOfInput].selectedIndex;
}

Answer 1

在表单对象中查找它们 - 这不起作用，因为它是一个数组而不是一个对象。

使用 document.getElementsByName

function myAwesomeFunction(nameOfForm, nameOfInput)
{
 var selection = document.getElementsByName(nameOfForm)[nameOfInput].selectedIndex;
}

甚至更好，在表单上设置 id 属性并使用 document.getElementById 查找表单

Answer 2

尝试使用 document.getElementById(nameOfForm) （如果表单上也有 ID）...

如果您可以在页面中包含 jQuery 引用，则可以轻松执行以下操作（再次假设您在表格上有 ID）：

function myAwesomeFunction(nameOfForm, nameOfInput)
{
  var form = $("form#" + nameOfForm);
  var input = $("#" + nameOfInput + ":input");
  var selection = $(input).val();
}

Answer 3

函数 focusElement(formName, elemName) {
var elem = document.forms[formName].elements[elemName];
}
试试这个
formname 是表单名称，elemname 是输入标签名称