我使用 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>
这里有什么问题吗?
最佳答案
select标签是自闭合的,注意最后的/>:
<select data-field="monetary_unit" value="12" disabled/> <== here
关于javascript - Jquery 在包装时更改元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27997738/