页面上有一个帐户列表,每个帐户后面都有一个编辑按钮。单击该按钮后,数据将以列表下方的形式填充。该多选框以该形式存在。
当加载帐户列表并且用户从列表中选择一个帐户时,将使用数据库中该特定帐户的选定元素填充多选框。如果在不重新加载DOM的情况下再次单击编辑按钮,则不会填充多选框。
关键是我正在使用下面的jQuery代码选择元素:
var itemValues = $('select[name^="item"]').find('option');
$.each(itemValues, function(key, teamVal) {
$.each(selectedRow.item, function(key, values) {
var arrval = teamVal.value.split("_");
if (arrval[0] == values.teamId) {
$('select[name^="item"] option[value="' + teamVal.value + '"]').attr("selected", "selected");
}
});
});
语句$('select[name^="item"] option[value="' + teamVal.value + '"]').attr("selected", "selected");
仅在加载DOM时才在多选框中首次选择元素。
不是第二次选择元素。当用户再次单击同一帐户的“编辑”按钮时。您必须刷新页面。这意味着上面的select语句第二次不起作用。