Ошибка JavaScript JavaScript не работает! щелкнуть даже

Я пытаюсь получить значение ссылки или href со всплывающей страницы и добавить содержимое на родительскую страницу в текстовое поле. Я вообще не знаю javascript javascript и не понимаю, почему обе ссылки не работают …. Там может быть указано 2 элемента или может быть 500, поэтому мне нужно это для работы с динамическим списком, любая помощь будет замечательной! Спасибо!!!!

Вот что у меня есть.

Всплывающая страница ….

<a href="#item1" id="ddlNames" name="ddlNames"><img src="link to item 1 image"> </a> <a href="#item2" id="ddlNames" name="ddlNames"> <img src="link to item 2 image"> </a> <input type="button" value="Select" onclick="SetName();" /> <script type="text/javascript"> function SetName() { if (window.opener != null && !window.opener.closed) { var txtName = window.opener.document.getElementById("txtName"); txtName.value = document.getElementById("ddlNames").href; } window.close(); } </script> 

Вот код на главной странице.

 <script type="text/javascript"> var popup; function SelectName() { popup = window.open("img_sel.php", "Popup", "width=300,height=100"); popup.focus(); } </script> <input type="text" name="image" id="txtName" /> <input type="button" value="Select Name" onclick="SelectName()" /> 

Вот что у меня сейчас …..

 <?php $colors = array("red","green","blue","yellow"); foreach ($colors as $value) { echo "<a href=\"#$value\" id=\"$value\" name=\"$value\"> $value </a>"; } ?> <input type="button" value="Select" onclick="SetName();" /> <script type="text/javascript"> cars=<?php echo json_encode($colors); ?>; function SetName() { if (window.opener != null && !window.opener.closed) { var txtName = window.opener.document.getElementById("txtName"); for (var i=0;i<cars.length;i++) { txtName.value = document.getElementById((cars[i])).href; } } window.close(); } </script>