javascript + div tags

these days i read and learn more about my problem!the code is here:

<div align="right" id="parent" name="parent">
<select name="select30" id="select30" value=""/>here inside i have options values and work dynamically with query to my DB</select开发者_Python百科>
<input type="button" id="moreFields" value="+" onclick=""/> //add select tags
<input type="button" value="-" onclick="" /> //remove select tags
<div name="child" id="writeclone"></div> //here cloned the  child from parent DIV 
</div>
<input type="button" name="enter" id="" value="ENTER" onclick="getoptionvalues();"/>

My problem is how i can get the names or id's from child DIV when + button fired.When this button fired create child DIVs in Child DIV!!Can anybody HELP ME to correct my JAVASCRIPT code

<script>
function getoptionvalues() {
    var parent=document.getElementById('parent');
    for (var count=0;count<parent.childNodes.length;count++) {
        if(parent.childNodes[count].tagName =='DIV') {
            alert ('parent.childNodes[count]');
        }
    } 
}
</script> 

---

As ThiefMaster pointed out, 'parent.childNodes[count]' should be parent.childNodes[count]. Then to get the id, it is just .id and name is .name

    if(parent.childNodes[count].tagName =='DIV') {
        alert (parent.childNodes[count].id);
        alert (parent.childNodes[count].name);
    }

---

At the very least, you need to add a method name to your onClick:

<input type="button" id="moreFields" value="+" onclick="$:getoptionvalues()"/>

Then, using jquery, you can grab an array of components of a certain type, and then loop through w/ alerts:

function getoptionvalues() {
    var dropdownMenus = $("select");
    dropdownMens.each(function () {
        var id = $(this).id;
        alert(id);
    });
}