Получение элемента справочного документа по имени с помощью javascript

Основной вопрос, который я задаю тем, кто ежедневно занимается JS. Помогаю другу, который не использует последние сладости (JQuery, prototype и т. Д.).

Как мне получить ссылку на элемент документа по имени?

Я хотел бы разрешить пользователю выбора в <SELECT /> элементе изменять значение <INPUT /> элемента.

Для обоих элементов не определены поля идентификатора, только имена.

Очевидно, это должно быть переносимо (Mozilla, IE, Opera).

Спасибо.

Ответов (2)

Решение

Вы можете использовать функцию getElementsByName, которая вернет массив всех элементов с заданным именем:

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

Если <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>

Конечно, вы можете обернуть это функцией.