2

onchange関数を使用して同時に削除しようとしているのと同じ名前の要素がたくさんあります。

これがjavascriptです：

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

（removeChildrenが実際のコマンドであるかどうかさえわかりません）そして、onchangeアクションを与える私の要素：

<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が少しずさんな場合は申し訳ありませんが、基本的には、同じ名前のsがtbodyたくさんありtdます（extraaccount）

4

3 に答える 3

6 
<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();" />
于 2011-07-22T19:31:48.313 に答える
0

このようなもの：

if ( e.hasChildNodes() )
{
    for(var i=0; i < e.childNodes.length; i++)
    {
        if(e.childNodes[i].nodeName == "extraaccounts") {
            e.removeChild(e.childNodes[i]);
        }
    } 
}
于 2011-07-22T19:31:53.087 に答える
0

$（'[name = "extraaccounts"]'）。remove（）;

または、削除する前にsmthingを変更したい場合は、

$('[name="extraaccounts"]').each(function(index,value){
//do smthing
$(value).remove
});
于 2011-07-22T19:35:27.363 に答える