从父母中删除多个孩子? [英] Remove multiple children from parent?

问题描述

我想用onchange函数同时删除具有相同名称的元素.

I have a bunch on elements with the same name that i am trying to remove at the same time with an onchange function.

这是JavaScript:

Here is the javascript:

<script type="text/javascript">
    function removeoldAccounts() {
        var e = document.getElementById("account_table")
        var accounts = document.getElementsByName("extraaccounts");
        e.removeChildren(accounts);
    }
</script>

(甚至不确定removeChildren是否是一个真正的命令)而我将即时更改动作赋予的元素:

(Not even sure if removeChildren is a real command) And my element that im giving the onchange action to:

<select id="piname" name="pi_name" onChange="removeoldAccounts" />

正在尝试删除的元素:

<tbody id="account_table">
    <tr>
        <td>Account Number<span>*</span>:</td>

        <td id="accounts">
            <select id="accountnum" name="account_number">
                <option value="5636745946254">5636745946254</option>
                <option value="23164847322">23164847322</option>
            </select> 
        </td>

        <td> 
            <input type="hidden" id="theValue3" value="81">
            <input type="button" value="Add More" onclick="addaccount()">
        </td>
    </tr>

    <tr id="80" name="extraaccount">
        <td>
            <select id="80" name="account_number">
                <option value="5636745946254">5636745946254</option>
                <option value="23164847322">23164847322</option>
            </select>
        </td>

        <td>
            <input type="text" size="20" name="account_comment80">
        </td>

        <td>
            <input type="button" onclick="removeaccount(80)" value="remove">
        </td>
    </tr>

    <tr id="81" name="extraaccount">
        <td>
            <select id="81" name="account_number">
                <option value="5636745946254">5636745946254</option>
                <option value="23164847322">23164847322</option>
            </select>
        </td>
        <td>
            <input type="text" size="20" name="account_comment81">
        </td>

        <td>
            <input type="button" onclick="removeaccount(81)" value="remove">
        </td>
    </tr>
</tbody>

很抱歉，如果html有点草率，但基本上是一个 tbody ，其中有一堆具有相同名称的 td (额外帐户)

Sorry if the html is a bit sloppy but basically, a tbody with a bunch of tds that have the same name ( extraaccount)

推荐答案

<script type="text/javascript">
function removeoldAccounts() {
    var accounts = document.getElementsByName("extraaccounts");
    var account;
    var parent;
    for (account in accounts) {
       parent = account.parentNode;
       parent.removeChild(account);
    }
}
</script>

和...

<select id="piname" name="pi_name" onChange="removeoldAccounts();" /> 

这篇关于从父母中删除多个孩子?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！