首页 > 解决方案 > 如何将函数应用于php中新添加的行

问题描述

我想根据另一个选择(我从数据库中获取)填充选择下拉列表(从数据库)。我能够实现这种依赖,但仅限于第一行。添加新行后,我的依赖代码不起作用,这是因为我需要传递行 id 。请告知我如何将行 ID 传递给 html 表中新添加的行。

html:

<select name="category[]" id="categoriesSelect[]"  onchange ="loadareaa(this)">
                <option value="">Select category</option>
    </select>

功能1:

function addRow(tableID) {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
            var colCount = table.rows[1].cells.length;

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

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

            }
        }

功能2:

function loadareaa(x) {
     var catid = x.value;
     var table = document.getElementById('dataTable');
     var rowCount = table.rows.length;
     var subcat = document.getElementById("subcatsSelect[]");
        subcat.options.length = 0;
        for(var k = 0; k < rowCount; k++) { 
        for(var i = 0; i < subcats[catid].length; i++) {
                subcat.options[i] = new Option(subcats[catid][i].val,subcats[catid][i].id)
      
        }
        }
}

标签: javascriptphp

解决方案


推荐阅读