Question

我假设每天做JS的人的基本问题。我正在帮助一位不使用最近糖果的朋友（JQuery，原型和公司）。

如何按名称获取对文档元素的引用？

我想允许选择用户在<SELECT />元素中修改<INPUT />元素的值。

两个元素都没有定义ID字段，只有名称。

这应该是显而易见的（Mozilla，IE，Opera）。

谢谢。

Answer 1

您可以使用getElementsByName函数，该函数将返回具有给定名称的所有元素的数组：

var elements = document.getElementsByName('some_name');

Answer 2

如果<input>和<select>是同一<form>元素的成员，则可以直接引用这些字段，它们是表单对象的成员：

<form>
  <select name="bar" onchange="this.form.foo.value = this.value;">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>
  <input type="text" name="foo">
</form>

当然，你可以将它包装在一个函数中。

使用javascript按名称获取参考文档元素

2 个答案: