replaceWith（）用于带有下拉菜单值的选项

Question

我有一个域类A，其中包含一个带有狗和猫作为选项的组合框，当我选择狗时，我还有动物文本框我想用狗替换动物文本框，当我选择猫我想要替换与猫的狗文本框，我使用jquery replaceWith（）但它取代了第一个选择来自动物 - >狗，当我尝试选择猫它不改变狗 - ＆gt;猫

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);
    }
}

任何人都可以建议我解决这个问题