javascriptjavascript

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

просмотры: 5.1K

Основной вопрос, который я задаю тем, кто ежедневно занимается 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>

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

Источник