【问题标题】:Make a textbox content editable false in a dynamic table for HTML using Javascript?使用Javascript在HTML的动态表中使文本框内容可编辑为假?
【发布时间】:2013-03-01 16:42:17
【问题描述】:

我正在尝试使动态表中的第一个单元格不可编辑,但我没有运气。据我所知,这应该是正确的,但由于某种原因它无法正常工作。

var n = 1;
function addRow(tableID,column) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    for(i=0;i<column;i++){

        var cell = row.insertCell(i);
        var element = document.createElement("input");
        element.type = "text";
        element.name = n+"0"+i;
        element.size = "12";
        element.id = n+"0"+i;
        element.value = element.id;
        if(element.id == n+"00"){
            element.contenteditable = "false";
            element.value = "false";
            //alert("false");
        }
        cell.appendChild(element);
    }
    n++;
}

关于如何做到这一点的任何想法?

n 是行数

第一个单元格的值我得到“假”,意思是进入 if 语句,但它没有读取 contenteditable="false"

像往常一样,非常感谢任何帮助!

【问题讨论】:

    标签: javascript html input contenteditable


    【解决方案1】:

    输入元素不需要contenteditable。只需使用

    element.disabled = true;
    

    禁用它。

    【讨论】:

    • 谢谢!效果很好!但是文本的颜色是灰色的,我想我必须通过 CSS 来编辑它?
    • 这是一个已知问题。您不能将样式应用于禁用输入字段。一些较新的浏览器可能允许它,但我不确定是否所有浏览器都允许。
    猜你喜欢
    • 2016-05-20
    • 1970-01-01
    • 1970-01-01
    • 2014-12-09
    • 1970-01-01
    • 1970-01-01
    • 2015-09-22
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多