Question

我正在使用选择的插件，当我动态地在html表中添加行时，新的选择框带有之前的值并变得不可编辑。我知道问题是由于选择框的ID相同但我无法更改ID，因为它会影响我的应用程序的功能。请帮助!!

function addRow(tableID) {

    var table = document.getElementById(tableID);

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    var colCount = table.rows[0].cells.length;

    for(var i=0; i<colCount; i++) {

        var newcell = row.insertCell(i);

        newcell.innerHTML = table.rows[0].cells[i].innerHTML;
        //alert(newcell.childNodes);
        switch(newcell.childNodes[0].type) {
            case "text":
                newcell.childNodes[0].value = "";
                break;
            case "checkbox":
                newcell.childNodes[0].checked = false;
                break;
            case "select-one":
                newcell.childNodes[0].selectedIndex = 0;
                break;
        }
    }
}

Answer 1

使用html5“data”属性，在这里查看文档：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

jquery functon doc page here：

https://api.jquery.com/data/

祝你好运：）

选择在新元素中选择先前的值

1 个答案: