从表格单元格中获取已编辑的单元格值

Question

我在 html 页面上使用 php 显示表格。我想编辑单元格内容（基本上是对值进行更改，并进行 ajax 调用以更新数据库）。我的要求是使用 onblur 功能（我也可以使用 onkeypress 来解决）。谁能告诉我用单元格 id 输入新值的最简单方法是什么？

x 的警报告诉我它的“对象 HTMLTableCellElement”

谢谢！！！

foreach($_RESPONSE['VENDOR_LIST'] as $r){
     echo  "<tr><td>".$r['fdEmail']."</td><td id='companyname_".$r['fdId']."' contenteditable='true' onblur='updateValue(id)';>".$r['fdCompanyName']." ".$r['fdId']."</td></tr>";
}

Javascript 方法

function updateValue(thisdata){
        alert(""+thisdata);
    var x=document.getElementById(""+thisdata);
    if(x){
        alert(x);
        //var r = x.value;
    }
    else
            alert("not found");

}

Answer 1

在您的 HTML 中，将 updateValue(id) 更改为 updateValue(this.id);

然后将其放在 updateValue 函数中的第一个 if 语句中。

if(x.innerText){
    alert(x.innerText);
} else {
    // Firefox support
    alert(x.textContent);
}

Answer 2

表格单元格的“值”实际上并不被 javascript 视为值，它只是 HTML。尝试提醒x.innerText。通过 ID 获取单元格内容见this question。

另外，我知道每个人都讨厌听到这个，但是使用jQuery 会更容易。

Answer 3

在你的代码中

var x=document.getElementById(""+thisdata);

这里x是一个对象，你需要编写所需的函数来改变值或获取值。

alert(x.innerHTML);

会给你单元格的值。

HTML td 标记中提到的 ID 与您的 getElementById deos 中的 id 不匹配。 （使用浏览器中的错误控制台获取 javascript 错误）

您可能必须像这样更改您的功能

function updateValue(thisdata){
    var x=document.getElementById("companyname_"+thisdata);
    if(x){
        alert(x.innerHTML);
    }
    else
            alert("not found");

}

您的 HTML 代码：

foreach($_RESPONSE['VENDOR_LIST'] as $r){
     echo  "<tr><td>".$r['fdEmail']."</td>
                <td id='companyname_".$r['fdId']."' contenteditable='true' onblur="updateValue('companyname_".$r['fdId']."');">".$r['fdCompanyName']." ".$r['fdId']."</td></tr>";
}

注意：我没有测试代码，请相应地进行更改，如果你觉得有困难，请在此处发布:)

始终使用 jQuery，它让您的任务变得简单 :)