JavaScript + div 标签

Question

这些天我阅读并了解了有关我的问题的更多信息！代码在这里：

<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>
<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();"/>

我的问题是当 + 按钮触发时如何从子 DIV 中获取名称或 id。当此按钮触发时在 Child DIV 中创建子 DIV！任何人都可以帮忙吗我纠正我的 JAVASCRIPT 代码

<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> 

Answer 1

正如 ThiefMaster 指出的那样，'parent.childNodes[count]' 应该是 parent.childNodes[count]。然后要获取id，它只是.id，名称是.name

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

Answer 2

至少，您需要向 onClick 添加一个方法名称：

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

然后，使用 jquery，您可以获取某种类型的组件数组，然后通过警报进行循环：

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