动态输入字段和一个javascript

Dynamic input fields and one javascript

本文关键字:一个 javascript 输入 字段 动态      更新时间:2023-09-26

我有这个js代码:

function tickname(str,inpt) {
    if (str.length == 0) { 
        document.getElementById(inpt).value = "";
        return;
    } else {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById(inpt).value = xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "tck_name.php?q=" + str, true);
        xmlhttp.send();
    }
}

根据sql查询数据php动态创建输入字段

<input type="text" name="event_name_de" size="80" onkeyup="tickname(this.value,tick_de)" required><br>
<input type="text" id="tick_de" name="ticket_name_de" size="80" value="" readonly>
<input type="text" name="event_name_en" size="80" onkeyup="tickname(this.value,tick_en)" required><br>
<input type="text" id="tick_en" name="ticket_name_en" size="80" value="" readonly>
etc...

问题是当我在第一个字段(name="event_name_de")输入一些文本,然后另一个(name="event_name_en"),值只在输入(name="ticket_name_de")中改变。如何修复代码,输入值将根据当前脚本逻辑改变?

注。对不起,我的英语不太好

我在评论中给出了一个错误的答案

https://jsfiddle.net/ak00nta8/

 <input type="text" name="event_name_de" size="80" onkeyup="tickname(this.value,'tick_de')" required><br>