javascript - replaceWith() 用于具有下拉菜单值的选项

Question

我有一个域类 A，它由一个以狗和猫作为选项的组合框组成，当我选择狗时，我也有一个作为动物的文本框，我想用狗替换动物文本框，当我选择猫时，我想替换狗文本框对于猫，我使用了 jquery replaceWith() 但它替换了来自动物->狗的第一个选择，当我尝试选择猫时，它没有从狗->猫改变

function showReadonly(valobj) {
    var dogtr = '<tr><g:field name="dog" type=""value="${fieldValue(bean:AInstance, field: '
    dog ')}"/></tr>'
    var cattr = '<tr><g:field name="cat" type=""value="${fieldValue(bean:AInstance, field: '
    cat ')}"/></tr>'
    if (valobj == "dog") {
        jQuery("td#someid").parent().replaceWith(dogtr);
    } else if (valobj == "cat") {
        jQuery("td#someid").parent().replaceWith(cattr);
    }
}

谁能建议我解决这个问题