Использование входного значения с onkeyup для innerHTML div - PullRequest
Новая
       54

Использование входного значения с onkeyup для innerHTML div

0 голосов
/ 01 ноября 2019

Я смотрел здесь несколько вопросов на ту же тему, но я не могу сделать так, чтобы мой код работал с решениями,

У меня есть динамическая таблица tr, что я хочу сделать, это когда я пишу в последнийвход каждой строки перезаписывает div «результат», как значения, потому что я хочу сделать позже соединение, которое показывает мне имя пользователя на моей БД, как поиск данных в реальном времени

JS 

function createTable() {
        var a;
        var r;

        a = document.getElementById('tb1').value;
        var length = document.getElementById('table').rows.length;
        if (a == "") {
            alert("Please enter some numeric value");
        } else {
            var change = document.getElementById("trow1").style.visibility = 'visible';
            //var change = document.getElementById("trow2").style.visibility = 'visible';
            var changet = document.getElementById("table").style.visibility = 'visible';
            var rows = "";
            for (var i = 0; i < a; i++) {
            r=i+length;
            let tr = document.createElement("tr");
            tr.innerHTML = "<td>"+r+"</td><td><input type='text' id='" + "parameter".concat(r) + "'></td><td id='tdlmin'><input type='text' id='" + "lmin".concat(r) + "'></td><td  id='tdlmax'><input type='text' id='" + "lmax".concat(r) + "'></td><td><input type='text' id='" + "level".concat(r) + "'></td><td><select id='" + "relcal".concat(r) + "' style='width:100%;'><option value='NA'>NA</option><option value='SI'>SI</option></select></td><td><input type='text' id='" + "comment".concat(r) + "' cols=100></td><td><input type='text' id='" + "procown".concat(r) + "' onkeyUp='document.getElementById('result').innerHTML = this.value;'></div></td>";
            document.getElementById("table").appendChild(tr);
            }   
        }
    }

HTML 

<div class="container-fluid">
<div class="row align-items-start">
<div class="col-9">
    Numero de Parametros: <input type="text" id="tb1"/>
    <button type="button" onclick='createTable()'>Crear</button>
    <table id="table" class="order-table table"  name="table1" required style="visibility:hidden;">
        <tr id="trow1" style="visibility:hidden; text-align: center;"><td>#</td><td>Parametro</td><td colspan="2"><table><tr><td colspan="2">Limite</td></tr><tr><td>Min.</td><td>Max.</td></tr></table></td><td><table style="width: 100%;"><tr><td>Nivel</td></tr><tr><td>1 - 4</td></tr></table></td><td>Relevante Calidad</td><td>Comentario</td><td>Dueño del Proceso</td></tr>

    </table>
    <button type="button" onclick='subir()'>Subir Parametros</button>
</div>
<div class="col-3">
    <div id="result" name="result"></div>
</div>
</div>
</div>

Редактировать: это то, что я уже пробовал: 

$('"'+procownid+'"').on("keyup",function(){
            var userlike = document.getElementById(procownid).value;
            alert(userlike);
        });
        $("#table tr").on('keyup', procownid, function({
        var userlike = document.getElementById(procownid).value;
            alert(userlike);    
            result.innerHTML="<p>"+userlike+"</p>"
        });
        alert(userlike);
        document.getElementById('result').innerHTML="<p>userlike:"+uselike+"</p>";
        $.post('getUser',{accion:"ListarUserTPMD",userlike:userlike}, function(data){
        result.innerHTML=data;
            });

мой вопрос, я могу получить это, когда я пишу на входе, это вызывает onkeyupи покажите мне, например, input.value, почему я не могу заставить его писать в div?

...