javascript - 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。当这个按钮被触发时，在子 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 是.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);
    });
}