Problem with replaceChild()

[sdustinh]

First, here is the code.

function swapMP (theMPvalue) {
 
    if (theMPvalue !== "custom") {
        return;
    }
 
    var customMP = document.getElementById("part_mp");
    var newCustomMP = document.createElement("input");
    var thePartPopup = document.getElementById("partPopup");
 
    newCustomMP.setAttribute("id", "part_mp");
    newCustomMP.setAttribute("size", "12");
    newCustomMP.setAttribute("name", "mountpoint");
    newCustomMP.setAttribute("type", "text");
 
    thePartPopup.replaceChild(customMP, newCustomMP);
 
}

<div id="partPopup">
    <label for="mountpoint">Mount Point: </label>
    <select id="part_mp" name="mountpoint" onchange="javascript:swapMP(this.value);">
        <option value=""></option>
        <option value="/">/</option>
        <option value="/boot">/boot</option>
        <option value="/home">/home</option>
        <option value="/usr">/usr</option>
        <option value="custom">Custom ...</option>
    </select>
</div>

I'm trying to have it so when 'Custom ...' is selected, the select dropdown is replaced with an input box. customMP and newCustomMP both work (using alert() to verify they are set up correctly). The problem, I'm sure, is in the replaceChild() line. Does anyone know what would be the problem here? Thanks a lot!

[acoder]

In replaceChild, the new child is the first argument, not the second - see link.

[sdustinh]

Ooops, meant to correct that. When I try to run the script, I keep getting a DOM Exception 8 error. Which I believe is the same as the FF error of not being able to find the node.

That doesn't make sense though, if I can use alert() and see that both of them come up with an object, shouldn't it work fine? I just can't seem to find what's causing the error.

I thought maybe having the same id (which they do need to have, but not at once) could be the problem, so I changed the id of the input... and still come up with nothing.

[sdustinh]

FIXED IT!

There was another div in the way. Thanks for the help!

[acoder]

Glad you fixed it. Another div in the way? How should that affect replaceChild()?