我使用<template>
元素来渲染表格的行。一行中有一个<select>
元素,我尝试设置选中的值,但代码对我没有起作用。
<template id="template">
<tr>
<td>
<select class="form-control status">
<option value="1">In Progress</option>
<option value="2">Done</option>
<option value="3">Canceled</option>
</select>
</td>
</tr>
</template>
然后我调用下面这个函数。
$.each(data.Object, function (index, item) {
var template = document.querySelector('#template');
template.content.querySelector('.select > option[value="' + item.Status + '"]').selected = true;
var cloneAction = document.importNode(template.content, true);
var tbody = document.querySelector("#mytbody");
tbody.appendChild(cloneAction);
})
$('#template select > option[value="' + item.Status + '"]').prop('selected', true);
代码。 - Tushar