Как доделать скрипт на javascript?

Question

[skyfly2010]

Добрый день. Помогите дописать скрипт. Вот, что имеем сейчас:

<script type="text/javascript">
document.getElementById('search').onkeyup = function() {
  document.getElementById('link').href = "?search=" + this.value;
}
</script>

А надо сделать следующее:
Есть n ссылок c id="link", так вот надо чтобы запрос, который вводится в поле search отображался в ссылках.
Пример ссылок:

<a href="file1.php" id="link">Текст 1</a>
<a href="file2.php" id="link">Текст 2</a>
<a href="file3.php" id="link">Текст 3</a>
<a href="file4.php" id="link">Текст 4</a>

Т.е., например должно получиться так: file1.php?search=Запрос и так далее. Сейчас получается, что запрос присваивается только первой ссылке. Остальным нет. Как это обойти?

Comments

[Sergej]

Сначала стоит изучить HTML, затем хоть немного JS ну а далее PHP.
id="link" - говорит о том, что вы не знаете html.

Answer 1

[Александр]

Я предлагаю Вам начать вот с этого: learn.javascript.ru/getting-started т.к. использование 4-x одинаковых id на странице говорит о пробелах в базовых знаниях.

Comments

[skyfly2010]

Да, вы абсолютно правы, я только начинаю изучать javascript. Очень увлекательное занятие!

Answer 2

[Stopy]

Ну, например, почитать про разницу между классами и идентификаторами. И изменить все id="link" на class="link"

Comments

[skyfly2010]

document.getElementsByClassname('link')[0].href = "?search=" + this.value; - не работает. =(

[Stopy]

"[0]" выбран первый элемент, пройдись циклом по всем элементам

Answer 3

[lega]

jsfiddle.net/8cLu1uje