javascript - Jquery 在包装时更改元素

Question

我正在使用 Jquery 从服务器获取响应，并使用以下代码将特定元素替换为响应中的元素:

//msg is the returned message from the response
//$row is the element being replaced
var $newRow = $(msg).find('#'+$row.attr('id'));
$row.replaceWith($newRow);

现在 msg 中有一个选择框，其中包含以下 html 代码(包括外部元素):

<div class="grid-cell-value">
    <input type="number" data-field="quantity" value="60.7" disabled />
    <select data-field="monetary_unit" value="12" disabled />
        <option value="12" selected="selected">EURO</option>
    </select>
</div>

但是当我在 Jquery 中包装 msg 时，这就是 select 元素发生的情况。(注意 option 元素在 select 元素之外.

<div class="grid-cell-value">
    <input type="number" data-field="quantity" value="60.7" disabled="">
    <select data-field="monetary_unit" value="12" disabled="">
    </select>
    <option value="12" selected="selected">EURO</option>
</div>

---

这里有什么问题？

Answer 1

select标签是自闭的，注意最后的/>:

<select data-field="monetary_unit" value="12" disabled/> <== here