你好亲爱的程序员,
我正在尝试使用 ajax 更新表字段。
双击表格单元格,单元格内容将替换为文本框,更改文本后,它会使用文本框值更新单元格值。
我的问题是,第一次更改工作正常,但在第二次更改之后,之前更改的所有表格单元格都使用新值更新,而不仅仅是单击的那个。
如果有人可以帮助我并指出正确的方向,那就太好了。
您可以在http://jsfiddle.net/bDxDX/3/上找到要测试的全部内容
$(function () {
$(".doodleEdit").dblclick(function (e) {
e.stopPropagation();
var currentEle = $(this);
var value = $(this).html();
updateVal(currentEle, value);
});
});
function updateVal(currentEle, value) {
$(currentEle).html('<input class="thVal" type="text" value="' + value + '" />');
var mode = $(currentEle).attr('class').split(' ')[1];
if (mode == 'editDescr') {
alert("editDescr");
} else if (mode == 'addDate') {
alert("addDate");
} else if (mode == 'addVote') {
alert("addVote");
}
$(".thVal").focus();
$(".thVal").keyup(function (event) {
if (event.keyCode == 13) {
$(currentEle).html($(".thVal").val().trim());
}
});
$(document).click(function () {
$(currentEle).html($(".thVal").val().trim());
});
}
非常感谢和最好的问候沿海